试了两两三天了,看了很多文章都没有解决。inline模式下无法实时刷新,iframe模式下就可以。
webpack.config.js
var webpack = require("webpack");
var path = require("path");
module.exports = {
context: __dirname + "/src",
entry: "./js/index.js",
module: {
loaders: [{
test : /\.js?$/,
exclude : /(node_modules)/,
loader : "babel-loader",
query : {
presets : ["react", "es2015"]
}
}]
},
output : {
path : __dirname + "/src/",
filename : "bundle.js"
}
};
package.json
{
"name": "reactfirst",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"babel": "^6.23.0",
"babel-loader": "^7.0.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babelify": "^7.3.0",
"react": "^15.5.4",
"react-dom": "^15.5.4",
"webpack": "^2.4.1",
"webpack-dev-server": "^2.4.5"
}
}
启动的时候是webpack-dev-server --inline --hot 不能自动刷新 求解~~~