求 webpack 的正确使用姿势

[qq529633582]

要做个 webapp ，限定使用 angular.js ，我打算引入 webpack 以实现：
1. ES6 polyfill （ babel ）
2. 代码压缩混淆
3. 依赖管理

理想的结果是一个 view 涉及的 html 、 js 、 css 被打包在一个文件里，按需加载，可是 angular 启动以后不能注册 controller 、 service 了，于是让 js 先加载。

因此，我希望的结果是：
1. js 打包成两个文件（ app 和 vendor ）
2. 资源文件用 url-loader
3. css 统统被打包进 html 的<style>或<link>
4. html （ angular 的 view ）只进行压缩和打包 css ，不合并，原来几个 html 出来也是几个

1 、 2 很容易地实现了。但是 webpack 似乎喜欢把东西都打包成一两个文件？ 3 、 4 就弄不成了。

我想在 html 里实现一个编译时解决的 require 来引入 css 。可是现有的 loader 似乎都是把 html 弄成了 js module 、而用 file-loader 这样裸的东西又不能实现包含 css 以及压缩的需求。

第一次使用 webpack ，感觉遇到这种问题可能是因为我的需求比较奇怪？我的想法是把非公共 css 分到很多文件里可以减少不必要的加载同时防止多个 view 的规则冲突。

所以，是我的需求奇怪，还是我没找到合适的 loader/plugin ，还是需求合理而暂时没有何时的 loader/plugin 呢？

轻喷。