Webpack.config.js文件简化了js和css。-如何在使用webpack时缩小js和css文件？

Question

我刚开始学习webpack，我不知道如何缩小所有的文件(js和css)。我知道怎么大口大口地喝，但是webpack...因此，我的配置文件如下所示：

var Encore = require('@symfony/webpack-encore');

Encore
    // directory where compiled assets will be stored
    .setOutputPath('public/build/')
    // public path used by the web server to access the output path
    .setPublicPath('/build')

    .addEntry('app', './assets/js/app.js')
module.exports = Encore.getWebpackConfig();

我真的不知道如何缩小，我已经读了很多信息，但我没有得到我想要的。

Answer 1

您可以使用TerserPlugin

Encore.configureTerserPlugin((options) => {
   options.cache = true;
   options.parallel = true;
   options.terserOptions = {
   output: {
    comments: false,
  }
}