Vue+webpack配置实现多页面应用开发

为什么要配置多页面开发?

    · 由于单页面应用不利于SEO,对于某些资讯类网站不够友好,而多页面则能够更优的解决此问题。

    · 传统的多页面开发模式(如java的jsp等) 前后端耦合性大,开发效率低,代码复用率小。

    · 本文介绍通过目前流行的如React、Vue等前端框架结合webpack来进行多页面开发。

一、glob 模块介绍:(GitHub地址:https://github.com/isaacs/node-glob/blob/master/README.md

       glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件.这个glob工具基于javascript.它使用了 minimatch 库来进行匹配

       安装:npm install glob

二、创建测试 Demo 并且对 vue.config.js 进行配置

每个页面都是一个独立的vue实例,需要单独配置 vue-router、vuex等,页面之间的数据通信可以借助cookie、localstorage等

Vue+webpack配置实现多页面应用开发

备注:此demo的package.json命令配置详情

Vue+webpack配置实现多页面应用开发

欢迎查看我的个人博客:http://www.devloper.top/article/detail/4a2d9540-33c4-11eb-8d80-e5b0e11d80e6 

-- 思路决定出路,气度决定高度,细节决定成败,性格决定命运。--