Webpack入门教程四

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/输出的内容如下

本文转自 素颜猪 51CTO博客，原文链接:http://blog.51cto.com/suyanzhu/1899049