在進行web開發的過程中，我們經常會遇到一個問題，那就是頁面中包含了大量沒有用到的CSS代碼，這樣不僅會占用網站的加載時間，還會使頁面變得臃腫。為了解決這個問題，我們可以使用一鍵刪除沒有用到的CSS。

//引入一個叫purgecss的庫
const purgecss = require('purgecss');
//定義要讀取的HTML和CSS文件路徑
const paths = [
'./src/**/*.html',
'./src/**/*.vue',
'./src/**/*.jsx',
'./src/**/*.css',
'./src/**/*.scss'
]
//設置要刪除的選擇器和規則，這里以tailwindcss為例
const purgecssResult = purgecss({
content: paths,
css: ['./node_modules/tailwindcss/dist/tailwind.css'],
})
//打印刪除的結果，可以看到刪除了多少選擇器和規則
console.log(purgecssResult[0].rejected)

以上是使用purgecss庫進行一鍵刪除沒有用到的CSS的方法。該庫能夠根據HTML和CSS文件中的真實使用情況，自動刪除沒有用到的CSS代碼。

為了更好地使用該庫，我們可以將其整合到我們的構建工具中，比如Webpack。這樣我們每次打包的時候就可以自動刪除沒有用到的CSS，從而達到優化頁面加載速度的目的。

總之，一鍵刪除沒有用到的CSS是一個很實用的工具，能夠幫助我們優化網站的性能和用戶體驗。加入到我們的web開發工具包中，定期使用它進行一鍵清理沒有用到的CSS代碼，是極其必要的。