亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

webpack和webpack-dev-server的區別

webpack和webpack-dev-server的區別

三國紛爭 2018-11-26 09:00:36
webpack和webpack-dev-server的區別
查看完整描述

1 回答

?
狐的傳說

TA貢獻1804條經驗 獲得超3個贊

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



查看完整回答
反對 回復 2018-12-18
  • 1 回答
  • 0 關注
  • 638 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號