此文不会介绍vue.config.js文件某个配置具体是什么作用,仅用来让我们对vue.config.js具体作用场景做个了解。
说vue.config.js之前一定要提的就是Vue CLI了。
1. Vue CLI是什么
我们在创建vue脚手架项目时,一定要装的一个全局插件就是@vue/cli了,只有有了这个插件,才能通过命令行(vue create ...命令)或者图形化界面(vue ui命令)来创建项目。
它是一个基于vue.js进行快速的完整系统,它提供的主要功能有:
- 通过命令行或者图形化界面创建一个vue.js脚手架项目
- 提供针对这个项目的各种webpack配置、打包配置等(所有配置放在vue.config.js文件中)。以及项目内部的
vue-cli-service命令(如server、build、lint<packages.json的scripts中以vue-cli-service开头的命令>) - 提供各种如
babel转译、Eslint集成等功能。
2. vue.config.js配置了哪些东西
vue.config.js所有可配置项及其用法官方文档肯定比我说的清楚,在官网这里自取查阅即可: