为什么要使用多页应用的开发方式?
虽然大多数情况下, 单页应用已经足够解决问题了, 但是, 单页应用有个很明显的缺陷, 那就是 SEO 不够友好, 因为所有东西都是js动态生成的, 而搜索引擎的爬虫是不会去执行js的, 但是有的时候, 需要写一些静态的 "企业官网" 这种多个页面的某一部分高度相似, 而且需要控制不同页面的 title meta 标签, 并且不能是用js动态生成的 那么就需要用一些工具手动来实现 "组件化"
既然要使用多页, 为什么不直接手写?
- 直接手写源码不会打包压缩等
- 直接手写不好实现 "组件化", 虽然 jquery 有
$.load这样的方法可以实现复用, 但是那种是需要发送请求的
"组件化"
注意: 这里的组件化, 并不是和 vue 或 react 中的组件一样, 直接使用虚拟DOM去实现的, 只是利用模板引擎的导入功能然后编译实现复用(相当于复制多份)
PUG 模板引擎学习
Pug 是一个用 JavaScript 实现的高性能的模板引擎，支持 Node.js 和浏览器运行环境，其灵感来自 Haml 项目
使用 vituum 插件
使用vituum插件就可以很方便的集成 pug 实现多页并且 "组件化"