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久久久久久www | 三级欧美| 国产免费让你躁在线视频 | 精品免费观看 | 欧美三级视频在线观看 | 国产成人福利视频在线观看 | 欧美日韩中文字幕在线 | 国产999在线观看 | 久久久久久久成人 | 欧美日韩免费一区二区三区 | 91在线一区 | 国产欧美一区二区三区在线播放 | 国产精品日日做人人爱 | 激情五月婷婷综合 | 久久免费视频1 | 欧美一区免费 | 欧美日韩亚洲三区 | 色偷偷噜噜噜亚洲男人 | aaa天堂| 亚洲一区二区三区在线免费观看 | 91资源在线| 精品国产一区二区在线 | 香蕉久久网 | 久久久久久免费免费 | 午夜成人免费视频 | 欧美一区精品 | 黄篇网址 | www.日韩av.com| 久婷婷 | 国产精品毛片无码 | 欧美日韩精品中文字幕 | av三级| 亚洲精品视频一区二区三区 | 日韩精品一区二区三区在线观看 | 欧美日韩综合一区 | 国产亚洲一区二区精品 | 中文字幕 在线观看 | 1级毛片| 天堂色综合 | 日本久久网 | 中国人pornoxxx麻豆 |