webpack-dev-server

【webpack-dev-server】

一、webpack-dev-server是一个好用到爆的工具，能够让你1秒搭建起本身的开发服务器。

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

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

 

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

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

 

三、两种模式

　　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}

参考：

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

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