基于webpack的前端工程化开发之多页站点篇(二)
这篇,我们要解决上篇留下的两个问题:
- webpack如何自动发现entry文件及进行相应的模板配置
- 如何直接处理后端模板的样式、脚本自动引入问题
以express项目为例,使用express-generator构建一个初始项目,然后再添加需要的目录,最终的目录架构如下:
这篇,我们要解决上篇留下的两个问题:
以express项目为例,使用express-generator构建一个初始项目,然后再添加需要的目录,最终的目录架构如下:
在最初接触webpack的较长一段时间里,我(也可能很多人)都觉得webpack是专为单页应用而量身打造的,比如webpack+react、webpack+vue等,都可以近乎完美的解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动态添加到dom文档中去。
后来想想,这么好的工具这么好的方案为什么不能用在website(普通的web站点,姑且叫做website吧)中呢?
首先对于普通的web站点,我们更倾向于将css独立出来,因为对于website来说,css还是要最先加载出来比较好。
再然后js我们也只想加载需要的部分,而不是一个大大的打包了所有js模块的包。