上篇文章新建工程时,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转换
未测试过