inject css and js into htmlhot reload when modifying- add babel and eslint
- 为什么loader使用的位置叫模块？
- 因为在webpack中，不同类型的文件都是一个模块
- css-loader 仅是处理css模块，没有作任何输出
- 若需要输出成文件，可使用插件输出成file
- 使用插件将 css 和 js 注入 自定义的 html 模板中，当然也可以直接生成 html
- webpack hot module 只能支持 JS 部分的修改，如果需要支持样式文件( css / less / sass ... )的 hot reload ，就不能使用 extract-text-webpack-plugin 将样式文件剥离出去，否则无法监听修改、实时刷新。从这里出发考虑分别对开发环境和生产环境使用不同的 webpack 配置文件。
- live-reloading vs HMR
- live-reloading 是指当代码更新后，浏览器会实时刷新
- HMR 是更高级的功能，当代码更新后，浏览器可以不刷新便更新内容，内部使用了 websocket 通讯协议。
- 为什么我修改了 css 但是没有 hot-reload
- 我使用了 extract-text-webpack-plugin 插件把 css 单独抽出来，但是这种处理方式并不能触发 HMR。HMR 的官网上说，它只会在有 HMR 代码的模块中发生作用，比如用 style-loader 处理的 css。所以，dev 下，只能用 style-loader。
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent