应用场景在toB端业务中,同样的产品,客户多多少少会要求一些定制化。从皮肤,图片,到一些小的功能的差异。前段时间,接了一个需求,技术选型是VUE,用vue-cli搭建的。一套代码需要支持10几家客户,每家的皮肤,功能都有一些小的差异,主体流程大致是一样的。在这个场景下研究了一下解决方案。思路总体的思路模块化,然后在编译的时候根据输入命令直接组装不同的模块,打包出我们需要的页面。项目结构同样一个页面,有相同的部分,也有一些不一样的部分。vue本身的组件化思想很容易让我们想到把页面拆分成组件,然后把公共的提取出来,差异化的分别处理。静态资源,不会被webpack编译。

基于Vue-cli的一套代码支持多个项目

基于Vue-cli的一套代码支持多个项目

基于Vue-cli的一套代码支持多个项目

基于Vue-cli的一套代码支持多个项目

基于Vue-cli的一套代码支持多个项目