Skip to content

Production Deployment

Development vs. Production

During development, Vue উন্নয়ন অভিজ্ঞতা উন্নত করতে বেশ কয়েকটি বৈশিষ্ট্য প্রদান করে:

যাইহোক, এই বৈশিষ্ট্যগুলি উত্পাদন অকেজো হয়ে যায়। কিছু সতর্কতা চেক ওভারহেড কর্মক্ষমতা একটি ছোট পরিমাণ বহন করতে পারে. উৎপাদনে মোতায়েন করার সময়, ছোট পেলোড আকার এবং আরও ভাল কার্যকারিতার জন্য আমাদের সমস্ত অব্যবহৃত, শুধুমাত্র বিকাশের কোড শাখা বাদ দেওয়া উচিত।

Without Build Tools

আপনি যদি CDN বা স্ব-হোস্টেড স্ক্রিপ্ট থেকে লোড করে বিল্ড টুল ছাড়াই Vue ব্যবহার করেন, তাহলে প্রোডাকশনে স্থাপন করার সময় প্রোডাকশন বিল্ড (ডিস্ট ফাইল যা .prod.js-এ শেষ হয়) ব্যবহার করতে ভুলবেন না। প্রোডাকশন বিল্ডগুলি সমস্ত ডেভেলপমেন্ট-কেবল কোড শাখাগুলি সরিয়ে দিয়ে প্রাক-মিনিফাই করা হয়।

  • যদি গ্লোবাল বিল্ড ব্যবহার করে (Vue global মাধ্যমে অ্যাক্সেস করা হয়): vue.global.prod.js ব্যবহার করুন।
  • যদি ESM বিল্ড ব্যবহার করেন (নেটিভ ESM imports মাধ্যমে অ্যাক্সেস করা হয়): vue.esm-browser.prod.js ব্যবহার করুন।

আরও বিস্তারিত জানার জন্য dist ফাইল গাইড দেখুন।

With Build Tools

create-vue (Vite-এর উপর ভিত্তি করে) বা Vue CLI (ওয়েবপ্যাকের উপর ভিত্তি করে) এর মাধ্যমে স্ক্যাফোল্ড করা প্রজেক্টগুলি প্রোডাকশন বিল্ডের জন্য প্রি-কনফিগার করা হয়।

একটি কাস্টম সেটআপ ব্যবহার করলে, নিশ্চিত করুন যে:

  1. vue vue.runtime.esm-bundler.js-এ সমাধান করে।
  2. কম্পাইল টাইম ফিচার ফ্ল্যাগ সঠিকভাবে কনফিগার করা হয়েছে।
  3. process.env.NODE_ENV বিল্ড করার সময় "production" দিয়ে প্রতিস্থাপিত হয়।

অতিরিক্ত তথ্যসূত্র:

Tracking Runtime Errors

অ্যাপ-লেভেল এরর হ্যান্ডলার ট্র্যাকিং পরিষেবাগুলিতে ত্রুটি রিপোর্ট করতে ব্যবহার করা যেতে পারে:

js
import { createApp } from 'vue'

const app = createApp(...)

app.config.errorHandler = (err, instance, info) => {
  // report error to tracking services
}

Sentry এবং Bugsnag এর মতো পরিষেবাগুলিও প্রদান করে Vue এর জন্য অফিসিয়াল ইন্টিগ্রেশন।

Production Deployment has loaded