vue-cli是基于webpack的脚手架,在webpack的基础上设置了很多默认配置。网上对于这些默认配置介绍的很少。本文主要讲解vue-cli的默认配置文件位置。
安装vue-cli之后,在node_modules/@vue/cli-service/lib/config目录下,存放主要的默认配置文件。配置文件一般有:
(1)base.js: 默认公共的配置
(2)prod.js: 生产环境的配置
(3)app.js: 目标为app的相关配置
(4)css.js: css、less、scss等样式相关的配置
(5)dev.js: 开发环境配置
node_modules/@vue/cli-service目录下的webpack.config.js文件,会将默认设置和用户自定义设置合并,生成最终运行时的配置。
vue-cli官方教程:https://cli.vuejs.org/guide/webpack.html#simple-configuration
webpack-chain详细讲解:https://github.com/neutrinojs/webpack-chain/tree/v4