vuecli3多个项目共用组件动态打包单个项目

需求

项目处于缓冲期,时间充裕,于是从vuecli2.x将脚手架升级为vuecli3.x,并且需要多个项目引用一些公用封装的组件库,工具库或资源之类,于是集成在一起.当时做的时候,vuecli4正好出来了,前项目就是用的vuecli3.x,只是说这个项目加入进来的时候,还是vue2.x

其实很简单,多个项目多种配置,根据明确启动项目的命令,找到项目,按照项目的配置打包即可.

如何配置

vue.conifg.js

const path = require('path');
const conf = require('./config/projectConfig');//引入多个项目的配置
module.exports = {
  pages: conf.pages,//使用不同的模板
  outputDir: conf.outputDir,//输出到不同的文件夹下
  devServer: conf.devServer,//代理服务器的配置不同,也主要是代理地址不同
    …………
   chainWebpack: conf.chainWebpack,
  configureWebpack: conf.configureWebpack,
}

projectConfig.js

文件就是部署项目的配置