如何使用 Webpack & Terser 只压缩代码

Question

我正在尝试使用 webpack 来压缩我的代码（删除新行和空格），仅此而已。我不想要任何 webpack__require__，没有修改，没有丑化，只需删除空格和新行。我必须在 terser/webpack 中添加哪些选项才能实现这一目标？let bundle = {    mode: 'production',    target: 'web',    entry: path.resolve(__dirname, './res/') + '/bundle.js',    output: {        path: path.resolve(__dirname, './res/'),        filename: 'minified.js',    },    optimization: {        minimizer: [            new TerserPlugin({                terserOptions: {                    ecma: undefined,                    warnings: false,                    parse: {},                    compress: {},                    mangle: false,                    module: false,                    toplevel: false,                    keep_classnames: true,                    keep_fnames: true,                }            })        ]    }};好像不做 先感谢您。

Answer 1

只是建立在felismosh的回答对你将要CLI将不包括--mangle或--compress命令，如果你想要做的就是删除空格和换行。

所以它会更像： terser original-file.js -o minified-file.js.

除非在 CLI 命令中明确打开，否则 Mangle 和 compress 将被禁用。

Answer 2

这将禁用压缩并使用输出选项来删除注释。该extractComments属性可防止插件将注释提取到文本文件中。

module.exports = {

    /* ... */

    optimization: {

        minimizer: [

            new TerserPlugin({

                terserOptions: {

                    compress: false,

                    output: {

                        comments: false,

                    },

                },

                extractComments: false,

            }),

        ],

    },

};

Answer 3

直接使用 terser 无需 webpack。运行npm i terser安装它，然后您将有2个选择：

使用它的 cli, terser --compress --mangle -- input.js.

使用它的 api 来自节点，

const Terser = require('terser');

const code = {

  'file1.js': 'function add(first, second) { return first + second; }',

  'file2.js': 'console.log(add(1 + 2, 3 + 4));',

};

const options = {

  ecma: undefined,

  warnings: false,

  parse: {},

  compress: {},

  mangle: false,

  module: false,

  toplevel: false,

  keep_classnames: true,

  keep_fnames: true,

};

const result = Terser.minify(code, options);

console.log(result.code);