如何将Vue ElementUI项目通过webpack实现多页面应用的长尾关键词输出？

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

一. 需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用独立功能页，个别页面带有左右边栏（相当于3-4个页面的整合形态）。由于资源定位地址的限制，每个页面需打打。

一. 需求分析

为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页后，入口html文件需要定制命名，且脚本和样式文件需要放在指定的路径下，公共资源地址也必须替换成特殊字符以适配母系统的调用逻辑（比如下面结构中应用jquery.min.js的路径可能是{{publicRoot}}/{{publicLib}}/jquery.minjs）。假设原工程中拥有AB这2个旧页面，现在需要开发CDE这3个页面，目录结构要求如下：

蓝色部分为旧资源，绿色部分为新开发需求。