webpack-dev-server

【webpack-dev-server】

1、webpack-dev-server是一个好用到爆的工具，可以让你1秒搭建起自己的开发服务器。

　　npm install webpack-dev-server --save-dev

　　webpack-dev-server生成的包并没有放在你的真实目录中,而是放在了内存中.

 

2、webpack-dev-server默认会以当前目录为基本目录,除非你制定它.

　　webpack-dev-server --content-base build/

 

3、两种模式

　　1）iframe模式

　　　使用这种模式不需要额外的配置,只需要以下面这种URL格式访问即可

　　　　http://«host»:«port»/webpack-dev-server/«path»

　　例如:http://localhost:8080/webpack...

　　2）inline模式

　　　　inline模式下我们访问的URL不用发生变化,需要做两点：

• 在命令行中添加--inline命令

• 在webpack.config.js中添加devServer:{inline:true}

参考：

1、https://github.com/webpack/webpack-dev-server

2、https://developer.mozilla.org/en-US/Apps/Progressive