Vue CLI 3 удалить console.log и код комментариев с помощью Terser - PullRequest
Новая
       53

Vue CLI 3 удалить console.log и код комментариев с помощью Terser

1 голос
/ 09 октября 2019

Я использую VUE CLI 3, и мне нужно удалить console.log и комментарии к коду из созданного производства. Это моя Terser настройка:

webpack.config.js в папке src 

    module.exports = {
mode: 'production',
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          ecma: undefined,
          warnings: false,
          parse: {},
          compress: {drop_debugger},
          mangle: true, // Note `mangle.properties` is `false` by default.
          module: false,
          output: null,
          toplevel: false,
          nameCache: null,
          ie8: false,
          keep_classnames: undefined,
          keep_fnames: false,
          safari10: false,
        },
      }),
    ],
  },
};

Мой рабочий процесс: Выполнить npm run build -> cd dist -> npm run serve

Производственная сборка по-прежнему выводит все операторы console.log и показывает комментарии кода (<!-- -->). Что мне нужно изменить, чтобы удалить их?

1 Ответ

1 голос
/ 10 октября 2019

Прежде всего: убедитесь, что вы правильно настраиваете Terser : 

terserOptions: {
    ecma: 6,
    compress: { drop_console: true },
    output: { comments: false, beautify: false }
}

npm run serve

обычно является сокращением для:

vue-cli-service

vue-cli-service --help

  Usage: vue-cli-service <command> [options]

  Commands:

    serve     start development server
    build     build for production
    inspect   inspect internal webpack config
    lint      lint and fix source files

Таким образом, когда ваш рабочий процесс является вышеупомянутым npm run build -> cd dist -> npm run serve, тогда вы фактически запускаете сервер разработки, который не применяет Terser.

Для запускаВ производственной сборке вы можете использовать любой веб-сервер , способный обслуживать статический контент:

Примеры NodeJ: 

npm install -g serve
serve -s dist

или 

npm install -g node-static
static dist
...