Vue CLI 2.9.1Webpack配置问题详解
Vue-cli 2.9.1 的 Webpack 配置有点小坑，尤其是刚升级后，总有点不适应。新版把 Webpack 升到了 3.6.0，结果启动项目的时候，浏览器不自动弹出来了——挺烦的。但其实问题出在config/index.js里的autoOpenBrowser，默认是false，你改成true，一切就顺了。
启动脚本那块也别忘了看下，package.json的scripts里执行的是webpack-dev-server，这个插件现在负责开浏览器了，挺好用的，别被配置吓到。
端口问题也得挺智能，设置了端口如果被占用，它自己就+1，启动成功率大大提高，不用手动去找哪个端口还能用。
还有个比较实用的点是模拟接口。开发饿了吗APP 的时候，后端没搭好你就先别等。直接用webpack-dev-server里的devServer.before搞个mock接口，响应也快，代码也简单。或者你也可以用Node.js直接写个小服务，也蛮方便的。
想了解更详细的用法，可以看看这些文章，讲得比较清楚：
如果你也在用Vue-cli 2.x，建议抽空检查下这些配置项。毕竟搞前端的，环境跑不起来啥都白搭。
文件大小：330.54KB
评论区