在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。

• vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建
• vue.config.js会被自动加载

配置选项

publicPath

Type: string
Default: '/'
部署应用包时的基本 URL， 用法和 webpack 本身的 output.publicPath 一致。
这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')，这样所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径。

publicPath 参考

• 如果生成的html引用，图片等，不在output.path下，那么需要根据publicPath 取寻找图片，引用的路径是publicPath + 图片相对于output.path的路径

outputDir

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

assetsDir

Type: string
Default: ''
放置生成的静态资源 (js、css、img、fonts) 的目录。

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

indexPath

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

transpileDependencies

Type: Array<string | RegExp>
Default: []

• 默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖，可以在这个选项中列出来。