超级会员免费看
文章目录
- 一、基础配置
-
- 1.1 公共路径（publicPath）
- 1.2 输出目录（outputDir）
- 1.3 静态资源目录（assetsDir）
- 1.4 是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码（lintOnSave）
- 1.5 是否使用包含运行时编译器的 Vue 构建版本（runtimeCompiler）
- 1.6 生产环境的 source map（productionSourceMap）
- 二、高级配置
-
- 2.1 自定义 Webpack 配置（configureWebpack）
- 2.2 链式操作 Webpack 配置（chainWebpack）
- 2.3 CSS 配置（css）
- 2.4 开发服务器配置（devServer）
- 三、优化技巧
-
- 3.1 设置合理的压缩选项
- 3.2 利用缓存加速构建
- 3.3 开启 gzip 压缩
- 四、环境变量与模式
-
- 4.1 环境变量
- 4.2 模式
- 五、其他配置
-
- 5.1 代码分割与懒加载
- 5.2 优化图片资源
- 5.3 配置代理解决跨域问题
- 5.4 配置全局样式
- 六、总结
在 Vue.js 项目开发中，vue.config.js 文件是项目的核心配置文件，它位于 Vue CLI 项目的根目录下，用于对项目的构建、开发服务器、插件等进行高度自定义设置。通过合理配置 vue.config.js，可以优化项目构建过程、调整开发体验、以及增加项目的灵活性。本文将详细介绍 vue.config.js 的配置项，并通过丰富的代码示例展示如何使用这些配置来优化你的 Vue 项目。
一、基础配置
1.1 公共路径（publicPath）
publicPath 用于指定项目的公共路径，即项目部署到服务器后的基础路径。在开发环境中，通常设置为 ‘/’，而在生产环境中，可以根据项目的实际部署路径进行设置。
module.exports = {
publicPath: process.env.
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
