node.js - 如何丑化文件并保存到另一个位置(vue.js)

Question

我不确定如何丑化我的 server.js 文件并将其保存到 server 文件夹下的 dist 文件夹中。现在我正在使用 CopyWebpackPlugin

new CopyWebpackPlugin([
  {
    from: path.resolve(__dirname, '../static'),
    to: config.build.assetsSubDirectory,
    ignore: ['.*']
  },
  {
    from: path.resolve(__dirname, '../src/server'),
    to: config.build.assetsServerDirectory,
    ignore: ['*.sql']
  }
]),

这有效，但只是一个简单的复制和粘贴。

Answer 1

您可以使用 uglify-es + copy-webpack-plugin's transform() :

• 安装包:

  npm install uglify-es --save-dev
  

• 将其添加到您的来源:

  const UglifyJS = require("uglify-es");                  // add the require
  
  new CopyWebpackPlugin([
    {
      from: path.resolve(__dirname, '../static'),
      to: config.build.assetsSubDirectory,
      ignore: ['.*']
    },
    {
      from: path.resolve(__dirname, '../src/server'),
      to: config.build.assetsServerDirectory,
      transform: function (content, path) {               // add transform()
        return UglifyJS.minify(content.toString()).code;  // use uglify
      },                                                  // (no args = mangle+compress)
      ignore: ['*.sql']
    }
  ]),
  

注意:UglifyJS.minify(content.toString()).code与UglifyJS.minify(content.toString('utf8')).code相同. There are options in case of different encodings .