第一:
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 每次修改,自動重新整理