第壹: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 每次修改,自動刷新