Vue.js 学习笔记十二：Vue CLI 之项目自定义配置

目录

项目自定义配置

---

项目自定义配置

我们查看项目结构，没有发现配置文件，那一大堆配置文件去哪里了？

其实构建工具已经默认设置了一些配置，可以通过 GUI 界面查看和修改。

vue ui

导入当前项目

自动跳转到项目仪表盘界面

 

通过左边的导航可以查看项目已安装的插件，运行依赖和开发依赖，项目默认配置，可执行的命令任务。

通过这个界面可以查看或修改默认配置。

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

这个文件应该导出一个包含了选项的对象：

// vue.config.js

/**
 * @type {import('@vue/cli-service').ProjectOptions}
 */
module.exports = {
  // 选项...
}

自定义配置参考 https://cli.vuejs.org/zh/config/