webpack打包不识别es6语法的坑

Posted 2020-10-03

今天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构建工程打包，好了