當前位置:編程學習大全網 - 網站源碼 - webpack和webpack-dev-server的區別

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

  • 上一篇:用html或js寫壹段值班代碼,含值班領導,值班幹部,很簡單,要求自動判斷今天日期,根據日期指定值班員。
  • 下一篇:php怎麽判斷生日過沒過
  • copyright 2024編程學習大全網