av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 不是很理解webpack的模塊打包思想?

瀏覽:105日期:2023-09-02 15:14:25

問題描述

正在通過webpack官方文檔學習webpack;開始webpack是把所有資源當作模塊來處理,并進行打包成bundle。看著還不錯 很吸引人。

但是看到后面我對打包這個概念表示迷惑。

看到代碼分離那里,說為了充分利用瀏覽器的并行加載和緩存機制,要把css和第三方庫文件單獨打包成一個bundle。

那結果不就是把常規的用標簽引入資源,改成了用require的方式在js里顯示的加載了嗎?那么除了顯示的聲明了依賴以外,模塊打包的優勢是什么?

看到代碼分離那個地方,我反而在想,既然要分開,那我為什么還要模塊打包呢?

這個模塊打包有什么好處嗎?

問題解答

回答1:

比如說,分離css那里。要先require把css引入,然后用插件單獨打包成一個bundle,然后在html里用標簽引入。

我為什么要多此一舉,打包一下?直接像常規做法那樣html里用標簽引入不是更好嗎?

回答2:

模塊化是為了寫代碼方便,打包是為了運行代碼方便

另外webpack是可以分開打包的

回答3:

如果你做SPA,或者如果你不使用scss,postcss,圖片壓縮,圖片base64自動轉換,手動插入CSS或者JS其實問題不算大。做一個vue多頁面的項目,可能會體會到js或者css自動插入到html的便利之處了。

以前手動link方式引入css的時候,為了方便,我會將所有的css內容放在同一個文件中,否則又要加link,但是所有的css在一個文件,開發其實是不方便的。有的webpack之后,我可以讓css文件盡量切分,從文件結構上就變得清晰

webpack的關于CSS的的好處,暫時就想到這么些

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产高清久久 | 夜久久| 日韩免费在线视频 | 老司机成人在线 | 99国内精品久久久久久久 | 天天影视网天天综合色在线播放 | 亚洲成人日韩 | 午夜无码国产理论在线 | 一区二区三区国产精品 | 国产一区二区精品在线观看 | 一级看片免费视频 | 九九热免费观看 | 精品九九 | 九九久久国产 | 久久久久国产一区二区三区 | 亚洲狠狠| 国产黑丝av | 男女免费观看在线爽爽爽视频 | 亚洲成av人片在线观看 | 四虎午夜剧场 | 蜜桃毛片 | 久久精品国产久精国产 | 久久精品一区二区 | 99视频免费在线观看 | 中文字幕在线观看av | 久久国品片 | 精品欧美激情精品一区 | 欧美性受 | 日韩视频在线观看 | 国产一区二区在线91 | 亚洲国产一区在线 | 欧美一区精品 | 欧美一区在线看 | www.4hu影院| 一a一片一级一片啪啪 | 中文无码日韩欧 | 久久一级 | 精品欧美乱码久久久久久 | 毛片久久久 | 亚洲精品成人 | 久久成人18免费网站 |