使用Vue-CLI怎么实现多页分目录打包

Posted 2023-03-04

参考技术A

使用VUE搭建多页面应用，实现公司共享页面的需求。

所有系统都在同一目录下，配置多入口多出口。各系统间可以链接，但是各系统内部依然采用SPA模式开发。

将所有系统的公共组件和方法放在系统目录的最外层，以达到复用的目的。在系统内部依然可以单独封装私有组件，这样可以最大限度的提高组件的复用性。

各系统单独进行路由配置

各系统数据仓库单独处理

为了便于打包，我们创建一个views的文件夹，在其下创建子文件夹代表每个应用系统。每个子文件夹中建立各自的spa应用体系，这样做的好处是，我们在配置webpack的打包入口时，比较好操作，而且这样的结构也较为清晰。

下面以example为例展开说明：

各系统模块应用独立打包

打包后的 整体资源路径 ：

打包后的 各文件夹内资源路径 ，以example为例：

vue.config.js