vue 解决uglifyjs-webpack-plugin打包出现报错的问题

npm install uglifyjs-webpack-plugin -D
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

configureWebpack: config => {
    if (isProduction) {
      config.plugins = config.plugins.concat(
        [
          new UglifyJsPlugin({
            uglifyOptions: {
              compress: {
                warnings: false,
                drop_debugger: true,
                drop_console: true,
              },
            },
            sourceMap: false,
            parallel: true,
          })

        ]
      )
    }

"_blank" href="https://cli.vuejs.org/zh/config/#transpiledependencies" rel="external nofollow" >transpileDependencies




transpileDependencies

Type: Array<string | RegExp>

Default: []



默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖，可以在这个选项中列出来。
还好我没放弃~~~~
transpiledependencies参数接受一个数组，数组里可以是字符串也可以正则表达式。
附上楼主的配置


transpileDependencies: [
    'vue-particles',
    'animejs'
  ],


完美解决~

开开心心下班回家~~~~~
2020年06月11日08:57:07 更新
楼主已弃用 uglifyjs-webpack-plugin 插件啦。现在用的是 terser-webpack-plugin

以上这篇vue 解决uglifyjs-webpack-plugin打包出现报错的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。