广东省建设工程监督站官方网站,效果图官网,麻辣烫配方教授网站怎么做,集团网站设计打包时#xff0c;为了直观地发现项目中存在的问题#xff0c;可以在打包时生成报告。生成报告的方式有两种#xff1a; ① 通过命令行参数的形式生成报告
Javascript // 通过 vue-cli 的命令选项可以生成打包报告
// --report 选项可以生成 report.html 以帮助分析包内容
… 打包时为了直观地发现项目中存在的问题可以在打包时生成报告。生成报告的方式有两种 ① 通过命令行参数的形式生成报告
Javascript // 通过 vue-cli 的命令选项可以生成打包报告
// --report 选项可以生成 report.html 以帮助分析包内容
vue-cli-service build --report② 通过可视化的UI面板直接查看报告推荐
在可视化的UI面板中通过控制台和分析面板可以方便地看到项目中所存在的问题。
通过 vue.config.js 修改 webpack 的默认配置
通过 vue-cli 3.0 工具生成的项目默认隐藏了所有 webpack 的配置项目的是为了屏蔽项目的配置过程让程 序员把工作的重心放到具体功能和业务逻辑的实现上。
如果程序员有修改 webpack 默认配置的需求可以在项目根目录中按需创建 vue.config.js 这个配置文件从 而对项目的打包发布过程做自定义的配置
具体配置参考https://cli.vuejs.org/zh/config/#vue-config-js。
Javascript // vue.config.js
// 这个文件中应该导出一个包含了自定义配置选项的对象
module.exports {
// 选项...
}为开发模式与发布模式指定不同的打包入口
默认情况下Vue项目的开发模式与发布模式共用同一个打包的入口文件即 src/main.js。为了将项目 的开发过程与发布过程分离我们可以为两种模式各自指定打包的入口文件即
开发模式的入口文件为 src/main-dev.js发布模式的入口文件为 src/main-prod.js
configureWebpack 和 chainWebpack
在 vue.config.js 导出的配置对象中新增 configureWebpack 或chainWebpack节点来自定义 webpack 的打包配置。
在这里 configureWebpack 和 chainWebpack 的作用相同唯一的区别就是它们修改 webpack 配置的方式不同
① chainWebpack 通过链式编程的形式来修改默认的 webpack 配置 ② configureWebpack 通过操作对象的形式来修改默认的 webpack 配置
两者具体的使用差异可参考如下网址
传送门
