Vue CLI 预设Presets

Posted 2021-09-27 书和咖啡

Presets

Vue CLI预设是一个JSON对象，其中包含用于创建新项目的预定义选项和插件，因此用户不需要通过提示来选择它们。

在此期间 vue create 保存的预设存储在用户主目录（~/.vuerc）中的配置文件中我们可以直接编辑此文件来调整/添加/删除已保存的预设。

示例预设：

{
  "useConfigFiles": true,
  "cssPreprocessor": "sass",
  "plugins": {
    "@vue/cli-plugin-babel": {},
    "@vue/cli-plugin-eslint": {
      "config": "airbnb",
      "lintOn": ["save", "commit"]
    },
    "@vue/cli-plugin-router": {},
    "@vue/cli-plugin-vuex": {}
  }
}

插件生成器使用预设数据来生产相应的项目文件，同时我们还可以为集成工具添加其他配置：

{
	"useConfigFiles": true,
	"plugins": {...},
	"configs": {
		"vue": {...},
		"postcss": {...},
		"eslintConfig": {...},
		"jest": {...}
	}
}

这些其他配置将 package.json 根据的值合并到相应的配置文件中useConfigFiles。