码迷,mamicode.com
首页 > Web开发 > 详细

webpack打包不识别es6语法的坑

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

标签:研究   安装包   option   构建   需要   rip   配置   javascrip   工程   

今天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语法的坑

标签:研究   安装包   option   构建   需要   rip   配置   javascrip   工程   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!