本文共 813 字，大约阅读时间需要 2 分钟。

Vue CLI 配置指南

1. 配置开发服务器

通过 devserve 配置开发服务器，以便在本地快速启动开发环境。

2. 配置基地址 BASE_URL

设置 BASE_URL 为项目的基本访问路径，默认值为 '/ '。

• 类型：string
• 默认值：'/'
• 说明：在部署应用时，用于构建包的基本 URL，使用方法与 Webpack 的 output.publicPath 一致。

3. 是否启用运行时编译

控制是否启用运行时编译功能，启用后会在运行时进行代码编译，并将编译器嵌入打包结果。

• 类型：boolean
• 默认值：false
• 说明：启用后，可在 Vue 组件中使用 template 选项，但会增加应用体积约 10kb。

4. 打包目录名称

自定义打包目录的名称，默认为 dist。

• 类型：string
• 默认值：'dist'
• 说明：运行 vue-cli-service build 时，生成的生产环境构建文件会存放在该目录。注意：在构建前，该目录会被清除（除非使用 --no-clean 标志关闭清除行为）。

5. 显式转译依赖

指定需要显式转译的依赖项，默认情况下 babel-loader 会忽略 node_modules 中的文件。

• 类型：Array<string | RegExp>
• 默认值：[]
• 说明：如果需要通过 Babel 显式转译某个依赖项，可以在此数组中添加。

6. 配置 webpack

通过 configureWebpack 方法自定义 webpack 配置。

7. CSS 模块扩展

控制 CSS 模块的文件扩展名匹配规则，默认情况下仅匹配 *.module.[ext] 结尾的文件。

• 类型：boolean
• 默认值：true
• 说明：设置为 false 后，可去掉文件名中的 .module，并将所有 *.css、*.scss、*.sass、*.less、*.styl.* 文件视为 CSS 模块。