Vue CLI3多页应用如何改造成长尾词多页面项目？

本文共计1308个文字，预计阅读时间需要6分钟。

需求：一个平台P，包含产品a、b、c、d、e。各产品UI风格统一，并会用到公共配置（HOST、是否添加埋点js）、组件（头部导航、表格、搜索框）和方法（请求数据、生成UUID）。现状

需求

一个平台P，包含产品a、b、c、d、e。各产品UI样式风格统一，且会用到公共配置（HOST、是否添加埋点js）、组件（头部导航、表格、搜索框）、方法（请求拦截、生成UUID）。

现状：由于历史遗留原因，各产品为独立SPA、各自维护，配置、组件也都自成一体，只是大概样式上保持了一致，但细节（比如同一面包屑样式，左边距5px、8px都有）都不一致。
这种情况下，改组件、改配置都得一改改多个地方，且有些项目是vue-cli2、有些是vue-cli3，项目间依赖包的版本也不一致，维护起来非常不友好。

目标：整合各产品单页应用为MPA，提取公共文件（主题、配置、组件、方法），减少规范性东西的维护成本。