वेबपैक 4 - न्यूनतम कॉन्फ़िगर कैसे करें?

Question

Webpack 4 निम्नलिखित कथन के साथ आता है:

webpack.optimize.UglifyJsPlugin को हटा दिया गया है, कृपया इसके बजाय config.optimization.minimize का उपयोग करें।

पर्याप्त रूप से उचित है, लेकिन मुझे UglifyJsPlugin उदाहरण को हुड के नीचे चलाने के बारे में कोई जानकारी नहीं मिल रही है, उदाहरण के लिए कैश निर्देशिका को बदलने के लिए। क्या यह किया जा सकता है?

Comments

संदर्भ के लिए, UglifyJsPluginचूक यहाँ

— davnicwil

Answer 1

डिफ़ॉल्ट कॉन्फ़िगरेशन को संशोधित करना संभव नहीं है।

हालाँकि, optimization.minimizerआप अपने स्वयं के इंस्टेंट करने के लिए सेटिंग का उपयोग कर सकते हैं UglifyJsPlugin। 4.0 का उपयोग करते हुए हमने उदाहरण के लिए modeसेट होने पर भी स्रोत मानचित्र प्राप्त करने के लिए इस उदाहरण का उपयोग किया 'production'(अब 4.1.1 के रूप में आवश्यक नहीं):

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 शून्य मानने वाला नहीं था?

— Conexo

इसके लिए मुझे प्लगइन को तुरंत करना होगा, हालांकि, मैं मौजूदा कॉन्फ़िगरेशन को संशोधित करना चाहता हूं।

— सिसवन

और ध्यान रखें कि आपको करने की आवश्यकता हो सकती है yarn add uglifyjs-webpack-plugin --dev;)

— अल्फांसो पेरेज़

और यहाँ; इस पृष्ठ पर "optimization.minimizer" की खोज करें: medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a

— Beau

@ AlfonsoPérez वेबपैक पहले से ही uglifyjs-webpack-pluginएक निर्भरता के रूप में स्थापित है

— Beau

Answer 2

जोड़ने के बिना uglifyjs-webpack-plugin, आप इसे अपने webpack.prod.config.js फ़ाइल के अंत में जोड़ सकते हैं :

 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/production/#cli-alternatives : यह ध्वज वेबपैक को उत्पादन परिवेश के लिए आपके निर्माण का अनुकूलन करने के लिए कहता है। आप इसे modeछोटे निर्माण के लिए नए "उत्पादन" के साथ उपयोग कर सकते हैं ।

Comments

धन्यवाद, लेकिन मैं डिफ़ॉल्ट कॉन्फ़िगरेशन को संशोधित करना चाह रहा हूं।

— सिसवन