Reactjs react热加载程序无法与webpack v1一起使用
我以前有过这种配置Reactjs react热加载程序无法与webpack v1一起使用,reactjs,webpack,webpack-dev-server,react-hot-loader,Reactjs,Webpack,Webpack Dev Server,React Hot Loader,我以前有过这种配置 module: { loaders: [ { loaders:['react-hot','babel-loader'], query: {presets: ["react", "es2015", "stage-0"]}, test: /\.jsx?$/, exclude: /(node_modules|bower_components)/ } ] }, devto
module: {
loaders: [
{
loaders:['react-hot','babel-loader'],
query: {presets: ["react", "es2015", "stage-0"]},
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/
}
]
},
devtool: 'cheap-module-eval-source-map'
};
要添加热加载器,我必须将“加载器”更改为“加载器”,但随后出现了一个问题,即网页无法读取查询。为了修复,我尝试了这个,但没有成功
var webpack=require('webpack')
您的RHL版本是什么?最新版本,^3.0.0-beta.6
module.exports = {
entry:
[
'webpack-dev-server/client?http://0.0.0.0:3000', // WebpackDevServer host and port
'webpack/hot/only-dev-server', // "only" prevents reload on syntax errors
'./scripts/index',
"script!jquery/dist/jquery.min.js",
"script!foundation-sites/dist/foundation.min.js",
"./app/app.jsx"
],
externals: {
jquery: 'jQuery'
},
plugins: [
new webpack.ProvidePlugin({
'$':'jquery',
'jQuery':'jquery'
}),
new webpack.HotModuleReplacementPlugin()
],
output: {path: __dirname, filename: "./public/bundle.js"},
resolve: {
root: __dirname,
alias: {
Main: "app/components/main.jsx",
Nav: "app/components/nav.jsx",
applicationStyles: 'app/styles/app.scss'
},
extensions: ["", ".js", ".jsx"]
},
module: {
loaders: [
{
loaders:['react-hot','babel-loader','babel?presets[]=es2015,presets[]=stage-0,presets[]=react'],
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/
}
]
},
devtool: 'cheap-module-eval-source-map'
};