首页 > Web开发 > 详细

webpack打包不识别es6语法的坑

时间:2017-08-22 01:00:47      阅读:1012      评论:0      收藏:0      [点我收藏+]

今天Vue项目npm run build 后webpack,报错uglifyjs,自己研究了一下,翻译过来,意思是不识别项目中写的高级语法,这里要把项目里es6语法转es5让浏览器识别,

也就是webpack的babel需要配置下

Babel其实是一个编译JavaScript的平台,它的强大之处表现在可以通过编译帮你达到以下目的:

  • 使用下一代的JavaScript代码(ES6,ES7...),即使这些标准目前并未被当前的浏览器完全的支持;
  • 使用基于JavaScript进行了拓展的语言,比如React的JSX;

1.先安装包

npm install  babel-preset-es2015

2.配置webpack.base.conf.js
{
test: /\.js$/,
loader: ‘babel-loader‘,
options:{
presets:["es2015"]
},
exclude:[/node_modules/]

},
3.OK,重新npm run build构建工程打包,好了




webpack打包不识别es6语法的坑

原文:http://www.cnblogs.com/wang1048076313/p/7407417.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!