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

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')
    }]
  }
};




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值