Vue-CLI 2.9.1 webpack更新:丢失文件与浏览器自启设置调整
103 浏览量
更新于2024-08-30
收藏 327KB PDF 举报
在最新的vue-cli 2.9.1版本中,Webpack 的升级是一个关键变化。之前的vue-cli 2.8版本使用的Webpack版本较低,而在新版本中,Webpack 提升到了 v3.6.0。这导致了build目录下原本存在的dev-server.js和dev-client.js两个文件的消失。这些文件可能是为了旧版Webpack配置而存在的,但新版Webpack通过webpack-dev-server插件来管理开发服务器的启动,不再直接依赖这些单独的脚本。
当你运行`npm run dev`时,Vue CLI 2.9.1不再自动启动浏览器,这是因为Webpack-dev-server的新配置方式。在`package.json`的scripts部分,`dev`命令现在实际执行的是`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`,这表明它使用内置功能来启动浏览器,而不是依赖额外的脚本。
原来的自启动浏览器功能被移除是为了适应Webpack-dev-server的API更新。如果你想恢复这个功能,你需要查看`build/webpack.dev.conf.js`中的配置。在这个文件中,`open`参数控制是否自动打开浏览器,而在`config/index.js`的默认配置中,`autoOpenBrowser`被设为`false`。要启用自动浏览器打开,只需将这个值改为`true`。
此外,`port`参数允许你更改启动服务器的端口,即使在新版本的Vue CLI配置中,即使设置了特定的端口,如果没有手动修改`autoOpenBrowser`,浏览器仍然不会自动打开。因此,当你需要浏览器自动启动时,只需修改这两个配置项,然后重启服务即可。
总结来说,新版vue-cli 2.9.1对Webpack的更新带来了简化和现代化的配置,虽然某些传统功能有所改变,但通过理解新的API和配置结构,开发者可以顺利地调整并保持项目的正常运行。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2021-05-10 上传
2020-08-30 上传
2021-01-19 上传
2020-08-29 上传
2020-12-12 上传
2021-01-19 上传
weixin_38733597
- 粉丝: 8
- 资源: 909
最新资源
- MATLAB实现小波阈值去噪:Visushrink硬软算法对比
- 易语言实现画板图像缩放功能教程
- 大模型推荐系统: 优化算法与模型压缩技术
- Stancy: 静态文件驱动的简单RESTful API与前端框架集成
- 掌握Java全文搜索:深入Apache Lucene开源系统
- 19计应19田超的Python7-1试题整理
- 易语言实现多线程网络时间同步源码解析
- 人工智能大模型学习与实践指南
- 掌握Markdown:从基础到高级技巧解析
- JS-PizzaStore: JS应用程序模拟披萨递送服务
- CAMV开源XML编辑器:编辑、验证、设计及架构工具集
- 医学免疫学情景化自动生成考题系统
- 易语言实现多语言界面编程教程
- MATLAB实现16种回归算法在数据挖掘中的应用
- ***内容构建指南:深入HTML与LaTeX
- Python实现维基百科“历史上的今天”数据抓取教程