react v0.14 模块热替换(HMR)

前端之家收集整理的这篇文章主要介绍了react v0.14 模块热替换(HMR)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近在看webpack文章,里面有个hot loader技术说的很神奇可以在不刷新页面的情况下动态加载修改的javascript代码特别适用于reactjs,迫不及待上手想试试,不料按照网上文章配置react hot loader无一能成功,不是热加载无效就是每次修改代码页面整个自动刷新了,整了几个小时都没解决,实在没办法想去github上react-hot-loader空间提个问题,正好看到一个兄弟也遇到同样问题,结果作者回答“the project is deprecated,please see https://github.com/gaearon/react-transform-boilerplate instead. It will get full 0.14 support soon.坑爹啊竟然重新起了一个项目。按照react-transform-boilerplate步骤很快就搭建起来,效果确实不错。


注意几点:

1、package.json中的依赖react配置的是0.13,手动改成0.14

2、devServer.js 中写死了页面为index.html,董express可以改改


以下是webpack.config.js

  1. var path = require('path');
  2. var webpack = require('webpack');
  3.  
  4. module.exports = {
  5. devtool: 'eval',entry: [
  6. 'webpack-hot-middleware/client','./src/index'
  7. ],output: {
  8. path: path.join(__dirname,'dist'),filename: 'bundle.js',publicPath: '/static/'
  9. },plugins: [
  10. new webpack.HotModuleReplacementPlugin(),new webpack.NoErrorsPlugin()
  11. ],module: {
  12. loaders: [{
  13. test: /\.js$/,loaders: ['babel'],include: path.join(__dirname,'src')
  14. }]
  15. }
  16. };

猜你在找的React相关文章