vue.config.js具体配置了什么东西

404 阅读1分钟

此文不会介绍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所有可配置项及其用法官方文档肯定比我说的清楚,在官网这里自取查阅即可:

image.png