npm run build报错Unexpected token: name...

Posted 2023-04-05

参考技术A ERROR in static/js/vendor.86e2c6288e81323e1512.js from UglifyJs
Unexpected token: name (MockStorage) [./node_modules/vuex-persist/dist/esm/index
.js:6,0][static/js/vendor.86e2c6288e81323e1512.js:23043,4]

原因：Uglifyjs压缩js的的时候，要求不能有es6语法
解决方法：

vue-cli默认是检测src和test目录下的js文件。找到build/webpack.base. config.js文件做出修改
test: /.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('./node_modules/vuex-persist')]

vue 打包npm run build报错Unexpected token: punc (() [static/js/0.739c7d2b56384f8c9c1d.js:7425,8]

同事电脑可以对工程进行打包，我的电脑就报错，研究了好久终于找到了原因。

在工程项目下建.babelrc文件

{
    "presets": [
      ["env", {
        "modules": false,
        "targets": {
          "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
        }
      }],
      "stage-2"
    ],
    "plugins": ["transform-runtime"],
    "env": {
      "test": {
        "presets": ["env", "stage-2"],
        "plugins": ["istanbul"]
      }
    }
}