webpack 打包压缩 ES6文件报错UglifyJs + Unexpected tok

最近在下载别人的vue多页面demo后,npm run dev没问题,npm run build之后就报错:

1、webpack 打包压缩 ES6文件报错UglifyJs + Unexpected token...

最近做项目的时候运用vue,webpack,在打包压缩的工程中,部分压缩文件报错,虽然也可以运行,但是毕竟报错不好看;

于是,如下解决方法: 在根目录下创建.babelrc文件,并且粘贴以下一句话

{ "presets": ["es2015"] }

OK,现在我们重写npm run build,会出现第2个问题

2、Couldn't find preset "es2015" relative to directory问题解决

由于引入的vue-ueditor使用了ES标准,所以编译会报错,解决办法如下:

 npm install babel-preset-es2015 --save-dev

然后需要在webpack.base.conf.js文件中加入如下代码

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }

猜你喜欢

转载自blog.csdn.net/hzxOnlineOk/article/details/85636828
今日推荐