react-webpack-cookbook笔记一

http://fakefish.github.io/react-webpack-cookbook/Inlining-images.html

{
	"script":{
		"dev":"webpack-dev-server --devtool eval --progress --colors --hot --content-base build"
	}
}

当在命令行运行npm run dev会执行dev属性里的值。这些指令的意思

1. webpack-dev-server 在localhost:8080 建立一个web服务器
2. --devtool eval 为你的代码创建源地址。当有任何报错时可以让你更加精确地定位到文件和行号
3. --progress 显示代码合并进度
4. --colors 命令行中显示颜色
5. --content-base build 指向设置的输出目录

同样可以从http://localhost:8080/webpack-dev-server/bundle 运行应用。这会触发一个默认的你不能控制的 index.html ，它同样会触发一个允许iFrame中显示重合并的过程。

url-loader处理图片，可以限制图片的大小