Webpack 4 - วิธีกำหนดค่าย่อเล็กสุด?

Webpack 4 มาพร้อมกับคำสั่งต่อไปนี้:

webpack.optimize.UglifyJsPlugin ถูกลบออกแล้วโปรดใช้ config.optimization.minimize แทน

พอใช้ แต่ฉันไม่พบข้อมูลใด ๆ เกี่ยวกับการกำหนดค่าอินสแตนซ์ UglifyJsPlugin ที่ทำงานภายใต้ประทุนตัวอย่างเช่นเพื่อเปลี่ยนไดเรกทอรีแคช สามารถทำได้หรือไม่?

ไม่สามารถแก้ไขการกำหนดค่าเริ่มต้นได้

คุณสามารถใช้การ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
      })
    ]
  }
};

โดยไม่ต้องเพิ่ม uglifyjs-webpack-pluginคุณสามารถเพิ่มสิ่งนี้ต่อท้ายไฟล์webpack.prod.config.jsของคุณ:

 optimization: {
   minimize: false
 }

คุณสามารถลองสิ่งนี้

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

webpack.config.js

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

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

เอกสาร webpack

เพียงแค่เรียกใช้:

yarn add uglifyjs-webpack-plugin --dev

อ้างอิง: คำตอบของAlfonso Pérez

สำหรับผู้ที่มาข้างหลังฉันตระหนักว่าข้อผิดพลาดที่ทำให้เข้าใจผิดนี้ไม่เกี่ยวข้องกับการกำหนดค่า webpack ที่ถูกต้องของฉัน แต่จริงๆแล้วoffline-pluginมันล้าสมัยและทำให้เกิดปัญหานี้ จำเป็นต้องได้รับการอัปเกรด ดูปัญหา github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

คุณควรตรวจสอบpตัวเลือก: https://webpack.js.org/guides/production/#cli-alternatives : แฟล็กนี้บอกให้ Webpack เพิ่มประสิทธิภาพบิลด์ของคุณสำหรับสภาพแวดล้อมการใช้งานจริง คุณสามารถใช้กับ "การผลิต" ใหม่modeสำหรับงานสร้างขนาดเล็ก