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