怎么用webpack搭建传统多页面前端项目（多html文件）？

Question

单页应用用webpack构建，可以享受现代工程化的开发体验。可是遇到传统多html页面的项目的时候，就又回到刀耕火种的石器时代了：ES6不能用；less等css预处理语言不能用；没有组件化，页面公用部分全靠复制黏贴，一有改动就要改多处。。。

那么，传统的多html页面的项目，应该怎样用webpack构建呢？

实际上，主要能解决ES6和less这两个痛点就行了。

与单页应用不同，传统多页项目的入口是html不是js，而且有多个，不知道这样的话，webpack要怎么配置？能提供一个思路也行。

Answer 1

webpack并不是单页面应用的开发而设计的，你也可以使用它来创建多页面应用。首先，html-webpack-plugin可以解决多个页面的生成；其次，你可以通过控制entry和chunks指定不同的页面生成对象，也可以使用multi-compiler为每个页面创建创建一个包含entry和chunks的配置对象。