在搗鼓webpack時,想用UglifyJsPlugin來壓縮輸出的js文件,嗯,單獨用沒有問題,但是當啟動dev-server熱更新時,總是報錯:
ERROR in bundle.js from UglifyJs Unexpected token: name (urlParts) [bundle.js:4369,4]
很納悶,上網查了都說的不太清楚,其實是因為:
當項目中用了es6、jsx之類的,就必須要先通過babel轉換一下,再交給webpack去打包。
需要先安裝babel:
npm install babel-loader babel-core babel-preset-es2015 --save-dev
然后在webpack.config.js的同級目錄下,創建一個 .babelrc 的文件,注意:babelrc 前面有個點
文件里面添加這樣一句話:
{ "presets": ["es2015"] }
然后再執行webpack命令打包,問題解決了。。。