webpack和webpack-dev-server的區別html
第一,webpack
webpack 是構建git
webpack-dev-server 除了構建,還提供web服務github
第二,web
webpack.config.js的路徑參數區別webpack-dev-server
entry都同樣。server
ouput不太同樣。htm
path和webpack一塊兒,構建後輸出文件的位置,這是真實的物理地址。blog
publicPath和webpack-dev-server一塊兒,當執行webpack-dev-server的時候,第一步首先跟webpack同樣,先構建輸出,而後提供web訪問,這是該輸出文件是在內存中內存
默認狀況下不設置publicPath則輸出文件默認運行在和webpack-dev-server的同級目錄的,通常也就是根目錄。若是設置了publicPath那麼html中的引用也要相對改變。
以下面:我改了publicPath 相應html中的路徑也要改變
http://webpack.github.io/docs/webpack-dev-server.html
第三,
webpack-dev-server 運行以後 一、先構建,輸出文件在內存中,引用構建後的輸出文件根據publicPath(默認是根目錄),二、 每次修改,自動刷新