Webpack 4 - Làm thế nào để cấu hình thu nhỏ?

Webpack 4 đi kèm với câu lệnh sau:

webpack.optimize.UglifyJsPlugin đã bị xóa, thay vào đó hãy sử dụng config.optimization.minimize.

Đủ công bằng, nhưng tôi không thể tìm thấy bất kỳ thông tin nào về việc định cấu hình cá thể UglifyJsPlugin đang chạy dưới mui xe, chẳng hạn như để thay đổi thư mục bộ nhớ cache. Điều này có thể được thực hiện?

Không thể sửa đổi cấu hình mặc định.

Tuy nhiên, bạn có thể sử dụng optimization.minimizercài đặt này để khởi tạo riêng của mình UglifyJsPlugin. Sử dụng 4.0, chúng tôi đã sử dụng ví dụ này để lấy bản đồ nguồn ngay cả khi modeđược đặt thành 'production'ví dụ (không còn cần thiết như 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
      })
    ]
  }
};

Không cần thêm uglifyjs-webpack-plugin, bạn chỉ có thể thêm cái này vào cuối tệp webpack.prod.config.js của mình :

 optimization: {
   minimize: false
 }

Bạn có thể thử cái này

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

webpack.config.js

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

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

tài liệu webpack

Chỉ cần chạy:

yarn add uglifyjs-webpack-plugin --dev

Tham khảo: Câu trả lời của Alfonso Pérez

Đối với những người đến sau tôi, nhận ra lỗi gây hiểu lầm này không liên quan đến cấu hình webpack chính xác của tôi, nhưng thực sự, lỗi đã lỗi offline-pluginthời và gây ra sự cố này. Nó cần được nâng cấp. Xem sự cố github: https://github.com/webpack-contrib/uglifyjs-webpack-plugin/issues/234#issuecomment-369134047

Bạn nên kiểm tra ptùy chọn: https://webpack.js.org/guides/production/#cli-alternatives : cờ này yêu cầu Webpack tối ưu hóa bản dựng của bạn cho môi trường sản xuất. Bạn có thể sử dụng nó với "sản xuất" mới modecho một bản dựng nhỏ hơn.