20.使用webpack-dev-server搭建本地的服务,监听修改的代码

Webpack入门教程四_教程四

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

Webpack入门教程四_教程四_02

23.在浏览器中打开http://localhost:8080/,输出内容如下

Webpack入门教程四_教程四_03

24.修改main.js文件,修改内容如下

module.exports = function() {
  var greet = document.createElement('div');
  greet.textContent = "this is main.js";
  return greet;
};

25.在命令行查看监听的文件

Webpack入门教程四_教程四_04

26.再查看这个地址http://localhost:8080/输出的内容如下

Webpack入门教程四_教程四_05