Vue CLI 2.9.1Webpack兼容性问题详解

最近,Vue CLI 发布了 2.9.1 版本,做了一些有意思的更新,其中最大的变动是**Webpack**版本从之前的版本升级到了**3.6.0**。这次更新最直接的影响是,你会发现构建的项目中,**build**文件夹少了两个文件:**dev-server.js**和**dev-client.js**。这是因为**webpack-dev-server**插件的方式变了,新的**webpack**版本直接了浏览器自动启动的功能。而且,Vue CLI 2.9.1 版本也不再直接启动浏览器,你需要自己在配置文件里调整一些设置,像是修改`config.dev.autoOpenBrowser`为`true`,这样就能恢复自动启动了。其实这也是为了让你有更多的自由调整空间,毕竟开发环境是可以根据需求来优化的。对于接口的设置,旧版本的接口设置方式已经不适用了,这时可以通过`webpack.dev.conf.js`里的**devServer.before**参数来自己设置,或者直接用**devServer.proxy**来设置代理跨域问题。,升级后的 Vue CLI 对于开发环境做了一些优化,虽然多了点配置,但也能更好地适应不同的开发需求。你可以查看一下官方文档,根据需求调整配置,赶紧去尝试吧!

pdf 文件大小:326.51KB