关于npm run build 报错解决方案
2017-08-14 18:10
405 查看
# 特定的错误
ERROR in statics/mobile/js/vendor.cef13a0e680a5bc0d8b3.js from UglifyJs
Unexpected token: punc (() [D:/Users/Administrator/Desktop/WTFpolice/newPolice/~/mint-ui/src/utils/clickoutside.js:12,0][statics/mobile/js/vendor.cef13a0e680a5bc0d8b3.js:43784,6]
经过一顿 stackoverflow之后 发现这么几点问题
1.没有配置babel
2.UglifyJs插件不支持es6
我针对这些答案都尝试了一遍最后得出如下方案
问题1的解决
如果是没有配置babel 也是有可能的因为如果你在chrome下开发不装babel 也是可以跑得顺畅的因为chrome对es6的支持是很好的
以上依次是babel的转换器,核心库,预处理和预处理的es6版本
然后需要在根目录建立一个.babelrc的文件 配置如下
但很多情况下我们都是配置了,那么我们来看问题2
如果是UglifyJs插件不支持处理es6 官网有对应支持es6的版本,不过我们不是为了压缩es6
修改webpack.base.conf配置
如果你选择更新UglifyJs插件可以配合安装babel-polyfill , babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法
ERROR in statics/mobile/js/vendor.cef13a0e680a5bc0d8b3.js from UglifyJs
Unexpected token: punc (() [D:/Users/Administrator/Desktop/WTFpolice/newPolice/~/mint-ui/src/utils/clickoutside.js:12,0][statics/mobile/js/vendor.cef13a0e680a5bc0d8b3.js:43784,6]
经过一顿 stackoverflow之后 发现这么几点问题
1.没有配置babel
2.UglifyJs插件不支持es6
我针对这些答案都尝试了一遍最后得出如下方案
问题1的解决
如果是没有配置babel 也是有可能的因为如果你在chrome下开发不装babel 也是可以跑得顺畅的因为chrome对es6的支持是很好的
# 安装babel 的依赖 npm install babel-loader babel-core babel-preset-env babel-preset-stage-2 -D
以上依次是babel的转换器,核心库,预处理和预处理的es6版本
然后需要在根目录建立一个.babelrc的文件 配置如下
{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], }
但很多情况下我们都是配置了,那么我们来看问题2
如果是UglifyJs插件不支持处理es6 官网有对应支持es6的版本,不过我们不是为了压缩es6
修改webpack.base.conf配置
function resolve (dir) { return path.join(__dirname, '..', dir) } # 修改前 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] } # 修改后 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve('node_modules/mint-ui/scr/utils')] }
如果你选择更新UglifyJs插件可以配合安装babel-polyfill , babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法
# 安装 npm install -save babel-polyfill # 修改在webpack.config.js配置 # 修改前 module.exports = { entry: { app: "./src/main.js" } }; # 修改后 module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } };
相关文章推荐
- 关于vue的npm run dev和npm run build
- 关于npm run dev和build
- 关于vue-cli项目npm run build后,index.html无法在浏览器打开
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- 解决Vue-cli npm run build生产环境打包,本地不能打开的问题
- vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误
- 基于vue-cli npm run build之后vendor.js文件过大的解决方法
- vue打包发布文件npm run build无法显示。。
- npm run build 之后 打开文件报错 不显示
- vue-cli 打包压缩(npm run build)文件后,默认根目录修改
- React脚手架 npm run build之后,放到tomcat下面,所需要修改的配置
- vue2.x 在引用插件的时候,npm run dev跑正常 ,npm run build 报错vue-cli Unexpected token: punc (() [
- 关于 D:\BaiduYunDownload\android-ndk-r10d\ndk-build.cmd问题的解决方案
- weexpack build android 和 weexpack run android 报错 及 解决方案
- vue +vue-cli+vue router ,npm run build 打包完页面空白,不显示URL的#号router模式为history
- 解决vue-cli npm run build之后vendor.js文件过大的问题
- npm run build
- vue中Npm run build 根据环境传递参数方法来打包不同域名
- 关于visual Studio 2012(2013)编译过程出现 can not run rc.exe 解决方案
- npm run build