react-hot-loader 3.0于1.3的区别

Posted 2020-10-05 sjpqy

现在react-hot-loader 3.0版本应该还是beta版本,不过没关系,还是可以正常使用,我在项目中用的是react-hot-loader 3.0.0-beta.7 版本,并没用发现任何问题.

当然这也是一个非常大的改进

首先看看 webpack.config.js的变化

// v1.3
loaders: [
    { 
        test: /\.jsx?$/,
         loaders: [‘react-hot‘, ‘jsx?harmony‘],
          include: path.join(__dirname, ‘src‘) 
    }
]

// v3.0
loaders: [
    { 
        test: /\.jsx?$/,
         loaders: [‘babel‘],
          include: path.join(__dirname, ‘src‘) 
    }
]

可以看到,原来在loader中需要配置react-hot,然后就可以使用了,现在直接干掉了,那么在哪里配置的

看看.babelrc

// v1.3
{
    "presets": ["es2015", "stage-0", "react"]
}

//v3.0
{
    "presets": [ "es2015", "stage-0", "react"],
    "plugins": ["react-hot-loader/babel"]
}

babel是个很强大的插件,可以把es6编译成es5,同事还有别的很多功能 官方文档