非SPA页面,生产环境下webpack你们是如何使用的,包括版本管理,以及页面按需加载

Question

主要是按需加载这一块,不知道有什么比较好的方法,单纯的合并不能满足,后端是php

Answer 1

希望这个项目能帮到你：https://github.com/xiangsongt...

项目使用webpack处理后端渲染模板Handlerbars的一个demo项目，使用的是nodejs中途岛模型。不过没关系，前端构建思路和nodejs+express是分离的，你看过webpack.config就能知道。

项目根据页面载入对应页面的js，也可以通过import()加载异步模块。

有commonChunk的方案，这个你开启demo看看效果就知道了。关键是思路，应用到你的实际需要更改下webpack构建配置。

另外，我对FIS不熟，但是Webpack用在多页好像也没什么问题，关键是理念和使用姿势要正确。

祝好运

Answer 2

以vue为例，组件所加载的就是其内部的less或sass编译成的独立css文件和一个全局的css文件，js方面就是manifest，vendor和自身所用的js，在html-webpack-plugin中可以配置插入到html文件中引用。

至于版本管理，不是太明白lz这里和webpack是有什么关联。

Answer 3

Webpack 就是为现代的单页面应用而生的，对传统型后端渲染的多页面应用并不适用，百度的 FIS 或许适合，后端PHP在FIS也有解决方案，可以研究一下。

FIS3

Answer 4

Lazy Loading，webpack文档里面说得很清楚