项目源码 https://github.com/equicy/vue-common-components
我们先来看一个项目目录,如果是你的需求,或许你该认真看完
需求场景
当一个产品被更多的客户认可,就有私人订制的需求。对于开发者来说最简单的肯定是复制粘贴,假如有新的更新或者一个bug,我们需要提交多次公共的代码;当然项目少还好,假如项目多一些,我们真就成了“拧螺丝”的螺丝工。当然这种场景很常见,在各大框架或者各大语言都有解决方案,我们今天就聊聊vue项目的使用场景。
调研
vue的开发者都了解vuecli从3.0开始就去掉了webpack的“显式”定义,就是说默认我们会有一个默认配置。如果想要更改其默认配置,需要我们新建一个叫vue.config.js的文件,也就是说当我们编译之前,系统会先从vue.config.js文件中查找,如果有找到将会覆盖其编译配置(顺序)
// vue.config.js
module.exports = {
// 选项...
}
其实当我们发现这个文件的时候,我们已经有了解决方案,让我们直接看项目配置,其实也就是config文件夹下的四个文件
步骤
我们来看看这四个文件的作用
const appName = process.argv[2] // node config/dev.js star 拿到命令行 node命令