【VUE项目维护】多个项目提取共用组件的解决方案

项目源码 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命令