ERROR in static/js/app.0e20e9360

bug描述

ERROR in static/js/app.86d5fca5a544668966f9.js from UglifyJs
Unexpected token: punc (,) [./node_modules/@vant/popperjs/dist/index.esm.mjs:71,0][static/js/app.86d5fca5a544668966f9.js:135,9]

打包时遇到如上述类似的报错，不管具体原因是啥反正和webpack的打包配置有关系，试了搜到的很多方法都不适用，不过最后找到了和我上述相关bug的解决方法。

解决方法

1、修改webpack.base.conf.js配置

修改前：

 {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
      },
      {
        test: /\.mjs$/,
        loader: "babel-loader",
        include: [resolve("./node_modules/_@vant_popperjs@1.3.0@@vant/popperjs/dist/index.esm.mjs")]
      },

修改后：

 {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /(node_modules)/,
        include: [resolve('src'), resolve('test')]
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      },

2、修改webpack.prod.conf.js配置

修改前：

new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      },
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),

修改后：

new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      },
      exclude: /(node_modules|static)/,
      sourceMap: config.build.productionSourceMap,
      parallel: true
    }),

按照上述修改方式，我遇到的问题便解决了。