我一直在嘗試從處于開發模式的網站中洗掉未使用的style.cssCSS bootstrap.min.css。我正在使用 PostCSS & Parcel 來做到這一點。
所以我安裝了 PostCSS 和 Parcel，然后創建了一個postcss.config.js.
具有以下postcss.config.js代碼
postcss.config.js
module.exports = {
Plugins:[
require("postcss-uncss")({
html:[
'/index.html'
]
})
]
}
當我運行parcel index.html這個錯誤不斷出現
G:\Aframara Website\images\about\ us.jpg: ENOENT: 沒有這樣的檔案或目錄，打開 'G:\Aframara Website\images\about\ us.jpg'
我有 7 個 Html 檔案和style.css前面提到的bootstrap.min.css.
所以我想減小所有兩個檔案的大小。我看了這個視頻，完全按照他說的做了。如果有人有其他方法，我將不勝感激。
uj5u.com熱心網友回復：
我找到了解決方法，我安裝了npm i -g purgecss
然后我在我的網站根目錄創建了一個標題為“已清除”的檔案夾。
我運行了這個命令
purgecss --css *.css **/*.css --content *.html *.js --output purged
這個命令做了什么，它創建了兩個檔案style.css，即bootstrap.min.css在被清除的檔案夾中。
然后我將 css 樣式 URL 從css/bootstrap.min.csstopurged/bootstrap.min.css和css/style.cssto更改為purged/style.css
這*.js是檢查您是否有任何在 javascript 中動態生成的樣式。如果你愿意，你可以離開它。
我的兩個檔案的大小bootstrap.min.css都style.css大大減少了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/484492.html