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

发布时间：2020-12-15 04:46:11 所属栏目：百科来源：网络整理

导读：最近在看webpack文章，里面有个hot loader技术说的很神奇可以在不刷新页面的情况下动态加载修改的javascript代码特别适用于reactjs，迫不及待上手想试试，不料按照网上文章配置react hot loader无一能成功，不是热加载无效就是每次修改代码页面整个自动刷新

最近在看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

var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'eval',entry: [
    'webpack-hot-middleware/client','./src/index'
  ],output: {
    path: path.join(__dirname,'dist'),filename: 'bundle.js',publicPath: '/static/'
  },plugins: [
    new webpack.HotModuleReplacementPlugin(),new webpack.NoErrorsPlugin()
  ],module: {
    loaders: [{
      test: /.js$/,loaders: ['babel'],include: path.join(__dirname,'src')
    }]
  }
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!