上篇文章新建工程時,webpack-dev-server使用的新版本2.9.1桩蓉,所以遇到了新的問題,如下:
用vue-cli腳手架新建出來的項目里面的 webpack-dev-server版本高于2.7.1的話骄呼,用了es6的寫法導致錯誤惰拱。
webpack-dev-server從2.8.0版本開始,注入到bundle.js中js包含了es6語法凛虽,老舊webview不支持es6語法死遭,語法報錯導致程序報錯,項目使用的版本是2.9.1凯旋。
node_modules/webpack-dev-server/client/index.js文件2.7.1和2.8.0的源碼如下:
https://github.com/webpack/webpack-dev-server/blob/v2.8.0/client/index.js
https://github.com/webpack/webpack-dev-server/blob/v2.7.1/client/index.js
可以看出來webpack-dev-server2.8.0版本開始呀潭,該文件使用了es6的const和let語法。
解決方案:
1.通過降級webpack-dev-server到2.7.1版本
a). npm rm webpack-dev-server -D
b). npm i webpack-dev-server@2.7.1 -D
測試過瓦阐,此方案可行
2.使用babel-loader對webpack-dev-server/client/index.js轉換
未測試過