20.使用webpack-dev-server搭建本地的服务,监听修改的代码
21.修改webpackconfig.js文件,配置内容如下
module.exports = {
entry: __dirname + "/app/Greeter.js",
output: {
path: __dirname + "/public",
filename: "bundle.js"
},
devServer:{
contentBase:"./public",
historyApiFallback:true,
inline:true
}
}
22.启动webpack-dev-server服务
webpack-dev-server
23.在浏览器中打开http://localhost:8080/,输出内容如下
24.修改main.js文件,修改内容如下
module.exports = function() {
var greet = document.createElement('div');
greet.textContent = "this is main.js";
return greet;
};
25.在命令行查看监听的文件
26.再查看这个地址http://localhost:8080/输出的内容如下