webpack打包不識別es6文法的坑

標籤：研究   安裝包   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文法的坑