希望在example中能添加一个热更新的最佳案例

[chenmingjia]

react-hot-loader 已经生效，但是还是有些地方不方便 实际在开发同构渲染项目，感觉热更新还是有些不好使，开发效率很容易降低，具体体现在：

1. css响应 场景示例是：在example中的simple项目 run dev 运行以后，对下面代码增加新样式，会发现不起作用，得再次重新构建，才能生效

 <h1 className="title">Script22</h1>
 <p  /* 新增新的class  */>
      Scripting page template in `/client/script/index.jsx`, visit via url
      `/script`
 </p>
  /* 
      N 行已有代码，略
  */

似乎对服务端已渲染后节点，添加className， 客户端会仍然选择服务端渲染顺序的样式

2. 开启多页应用后 react-hot-loader 就不起作用了，希望能在antd-admin 增加类似的配置.....

[njugray]

似乎对服务端已渲染后节点，添加className， 客户端会仍然选择服务端渲染顺序的样式

className 修改后，热更新肯定是生效了的，样式有关的热更新问题是 css 无法热替换导致的，这是 使用了extract-text-plugin 后导致的 相关issue: https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/30

可以考虑升级到 mini-css-extract-plugin，后者有提供HMR的计划 https://github.com/webpack-contrib/mini-css-extract-plugin/issues/34

[ahungrynoob]

dev模式下:css-loader + style-loader build时再extract-text? 可行性高吗

[njugray]

增加配置参数，判断是否使用 extract-text-plugin，这个实现起来没什么难度。

但是会额外提高理解成本，并且页面模板也需要区分 dev，判断是否 link css文件，这部分是要用户自己修改的。dev和线上相当于是两套逻辑，也会有不可预知的风险存在

[ahungrynoob]

嗯。所以next.js自己封装了