webpack和webpack-dev-server的區別

第一：

webpack只是構建

webpack-dev-server除了構建，還提供web服務

 

第二：webpack.config.json的路徑參數

顯然，entry都同樣，由於都要知道須要構建的文件在哪裏

那麼區別就在於 output了

 

path和webpack一塊兒，指明構建 以後 輸出文件的位置，這是真實的物理地址

 

publickPath和webpack-dev-server一塊兒，當執行webpack-dev-server時，第一步首先跟webpack同樣，先構建輸出，而後提供web訪問，該輸出文件是在內存中

默認狀況下，不設置publicPath則輸出文件默認在運行webpack-dev-server的目錄，也就是根目錄，，那麼html中引用直接是src="輸出的文件"，，若是設置了publicPath那麼html中引用也要相對改變

 

 

總的來講，webpack只是構建，而webpack-dev-server至關於webpack+apache（或者其它web服務器）

區別在於

使用webpack+apache（或者其它服務器），每次構建以後，首先1 根據path引用構建後的輸出文件；2 每次修改都要從新運行webpack

 

使用webpack-dev-server，運行以後首先1 先構建，輸出文件在內存中，引用構建後的輸出文件根據publicPath（默認是根目錄）；2 每次修改，自動刷新