webpack打包不識別es6語法的坑


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





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM