webpack打包jquery多页_webpack打包多页面的方式

一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面上使用是否太浪费资源了呢？如果能在传统多页面上使用webpack，开始效率是否会事半功倍呢？好在众多优秀的前端开发者已经写了许多demo和文章供人学习。我也写了一个小项目，希望对大家学习webpack有帮助。

webpack-multi-page

项目解决的问题

不想做SPA，想做多页应用怎么破？又或是，我司项目需要后端渲染，页面模板怎么出？

每个页面相同的UI布局好难维护，UI稍微改一点就要到每个页面去改，好麻烦还容易漏，怎么破？

能不能整合进ESLint来检查语法？

能不能整合postcss来加强浏览器兼容性？

我可以使用在webpack中使用jquery吗？

我可以使用在webpack中使用typescript吗？

src目录对应dist目录

当我们使用webpack打包多页面，我们希望src目录对应打包后dist目录是如上图这样的，开发根据页面模块的思路搭建开发架构，然后经过webpack打包，生成传统页面的构架。

利用这个方法，我们可以获得需要打包的文件路径(方法中获取文件路径的模块也可使用fs模块)，根据获得打包的文件路径，我们可以使用ht