很多小伙伴在使用脚手架创建项目的时候，只用到了极少部分的功能，当我们的项目有一定的复杂度的时候，我们所掌握的简单使用cli知识就不足以支撑起我们对整个项目的调度。本文对vue-cli脚手架进行简单的梳理，帮助小伙伴们更好的掌握和使用脚手架

全局 CLI 配置

全局配置，顾名思义就是对整个项目的统筹管理，例如你惯用的包管理器和你本地保存的 preset，都保存在 home 目录下一个名叫 .vuerc 的 JSON 文件。你可以用编辑器直接编辑这个文件来更改已保存的选项。

你也可以使用 vue config 命令来审查或修改全局的 CLI 配置。

vue.config.js

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

publicPath

• Type: string
• Default: '/'

默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/。

这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')，这样所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径，也可以用在类似 Cordova hybrid 应用的文件系统中。

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

这个在我们现实的项目中是最常用的，一般都是使用下面的方法来实现文件的绝对路径

outputDir

• Type: string
• Default: 'dist' 类型字符串，默认为dist文件夹，一般我们打包给后端的文件就是这个dist文件夹

当运行 vue-cli-service build 时生成的生产环境构建文件的目录。注意目标目录在构建之前会被清除 (构建时传入 --no-clean 可关闭该行为)。

提示 从生成的资源覆写 filename 或 chunkFilename 时，assetsDir 会被忽略。

indexPath

• Type: string

• Default: 'index.html' 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径。

写不完了，马上8月2号了，明天会更更多的内容