ওয়েবপ্যাক 4 - কমান্ড কনফিগার করবেন কীভাবে?

Question

ওয়েবপ্যাক 4 নিম্নলিখিত বিবৃতি সহ আসে:

webpack.optimize.UglifyJsPlugin সরানো হয়েছে, দয়া করে পরিবর্তে config.optimization.minimize ব্যবহার করুন।

যথেষ্ট উপযুক্ত, তবে আমি হুডের অধীনে চলতে থাকা ইউগ্লিফাইজেএসপ্লাগিন উদাহরণটি কনফিগার করার কোনও তথ্য খুঁজে পাই না, উদাহরণস্বরূপ ক্যাশে ডিরেক্টরি পরিবর্তন করতে। এই কাজ করা যাবে?

Comments

রেফারেন্সের জন্য, UglifyJsPlugin

— খেলাপিদের

Answer 1

ডিফল্ট কনফিগারেশনটি সংশোধন করা সম্ভব নয়।

যাইহোক, optimization.minimizerআপনার নিজের ইনস্ট্যান্ট করতে আপনি সেটিংসটি ব্যবহার করতে পারেন UglifyJsPlugin। ৪.০ ব্যবহার করে উদাহরণস্বরূপ modeসেট করা থাকলেও উত্স মানচিত্র পাওয়ার জন্য আমরা এই উদাহরণটি ব্যবহার করেছি 'production'(৪.১.১-তে আর প্রয়োজন নেই):

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  optimization: {
    minimizer: [
      // we specify a custom UglifyJsPlugin here to get source maps in production
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        uglifyOptions: {
          compress: false,
          ecma: 6,
          mangle: true
        },
        sourceMap: true
      })
    ]
  }
};

Comments

ওয়েবপ্যাক 4 শূন্য কনফ বলে মনে করা হয়নি?

— কনেক্সো

এটির জন্য আমার প্লাগইন ইনস্ট্যান্ট করা প্রয়োজন যদিও আমি কেবল বিদ্যমান কনফিগারেশনটি পরিবর্তন করতে চাই।

— csvan

এবং মনে রাখবেন আপনার যা করার দরকার হতে পারে yarn add uglifyjs-webpack-plugin --dev;)

— আলফোনসো পেরেজ

এবং এখানে; এই পৃষ্ঠায় "অপ্টিমাইজেশন.মিনিমাইজার" অনুসন্ধান করুন: মাঝারি.com

— Beau

@ আলফোনসো পেরেজ ওয়েবপ্যাক ইতিমধ্যে uglifyjs-webpack-pluginনির্ভরতা হিসাবে ইনস্টল করেছে

— বিউ

Answer 2

যোগ না করে uglifyjs-webpack-plugin, আপনি কেবল এটি আপনার ওয়েবপ্যাক.প্রড.কমফিগ.জেএস ফাইলের শেষে যুক্ত করতে পারেন :

 optimization: {
   minimize: false
 }

Answer 3

আপনি এটি চেষ্টা করতে পারেন

npm install uglifyjs-webpack-plugin --save-dev

webpack.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  optimization: {
    minimizer: [new UglifyJsPlugin()],
  },
};

ওয়েবপ্যাক ডকুমেন্টেশন

Answer 4

শেষ ঘন্টা:

yarn add uglifyjs-webpack-plugin --dev

তথ্যসূত্র: আলফোনসো পেরেজ উত্তর

Answer 5

যারা আমার পিছনে আসছেন, তাদের বুঝতে পেরেছিলেন যে এই বিভ্রান্তিকর ত্রুটিটি আমার সঠিক ওয়েবপ্যাক কনফিগারেশনের সাথে সম্পর্কিত নয়, তবে আসলে offline-pluginএটির মেয়াদ শেষ হয়ে গেছে এবং এই সমস্যাটি সৃষ্টি করছে। এটি আপগ্রেড করা প্রয়োজন। গিথুব সমস্যাটি দেখুন: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Answer 6

আপনার pবিকল্পটি পরীক্ষা করা উচিত : https://webpack.js.org/guides/pr Prod//#cli-al বিকল্প: এই পতাকাটি ওয়েবপ্যাককে উত্পাদন পরিবেশের জন্য আপনার বিল্ডটিকে অনুকূল করতে বলে। আপনি এটি modeএকটি ছোট বিল্ডের জন্য নতুন "উত্পাদন" দিয়ে ব্যবহার করতে পারেন ।

Comments

ধন্যবাদ, তবে আমি ডিফল্ট কনফিগারেশনটি পরিবর্তন করতে চাই।

— csvan