webpack多页面打包的问题

Question

项目结构的大致介绍

• 后端采用express渲染

• 前端很混乱，angular + 单页的活动页面

• 自动化工具使用：

• 现在使用的是grunt，但是随着项目的变大，变得越来越不利于维护，决定使用webpack来构建。

• 现在每个页面都单独引用了不同的js，有的页面有公共的bower包，有的页面没有公共的js。

• style（scss）的引用情况同上。

• angular项目是也是用的script标签引用的方式

贴上目前项目某个页面的代码

遇到的问题

• 以上需求通过grunt的一系列插件都可以做到。

• 现在想用webpack针对不同的html页面中引用的js以及style的不同来分别打包相应文件并将打包后的文件路径注入到html的script和style标签中。

• 想请问下大神们，这个项目如果要使用webpack来实现上述需求，结构需要怎么改进，webpack应该怎么配置。小弟在此深表感谢！！！