2017-10-07 127 views
1

您好大家,我對的WebPack那種愚蠢的問題,但我真的想知道它的WebPack風格裝載機和CSS-裝載機


多麼使用CSS加載器的優點(CSS-答案裝載機,風格裝載機)通過的WebPack如果我可以插入我的.css文件直接在我的index.html例如


據我所知,使用大型和可擴展項目的WebPack但任何人可以給我的例子,當它真的幫助,並給予有利的是使用它代替了使用純文本,舊文本和熟知的 樣式表在主文件中的鏈接210例如

回答

2

1-您可以通過其他插件管道您的CSS自動修復您的CSS基於您需要的瀏覽器支持。

2-你可以縮小你的CSS。

3-您可以將您的CSS分塊並從某些捆綁包中動態地排除/包含輸出。

4-您可以生成源映射以便於調試。

5-當您對CSS進行更改時,您可以讓瀏覽器自動重新加載。

6-您可以使用散列動態更改CSS輸出文件名以使CDN緩存無效。

7-您可以在JavaScript文件中導入您的CSS。

8-您可以在JavaScript文件中使用CSS模塊。

9-可以刪除未使用的CSS規則亦稱死代碼消除。

這些只是我能想到的一些事情。還有更多人在爲生態系統編寫插件。

應當注意的是,你不特別需要的WebPack實現任何一個目標,他們可以手動或任務跑步或自定義腳本來完成。但是如果你的項目使用Webpack捆綁你的JavaScript,爲什麼不讓Webpack處理你的CSS呢?