CSS是網頁制作中不可缺少的一部分，在開發中，我們會不斷修改樣式表。然而，每次修改之后都要手工編譯CSS文件顯然太慢了。此時，我們就需要使用CSS自動編譯來提高效率。

/* 在根目錄下創建一個src文件夾，用于存放編譯前的源碼 */
- src
- styles.css
/* 在根目錄下創建一個dist文件夾，用于存放編譯后的文件 */
- dist
- styles.css
/* 使用CSS預處理器 */
/* 比如LESS */
/* 在終端中輸入以下命令安裝LESS */
npm install -g less
/* 安裝less-watch-compiler */
/* 該工具可以幫助我們自動編譯LESS文件 */
npm install -g less-watch-compiler
/* 運行less-watch-compiler */
less-watch-compiler src dist
/* 將以上命令添加到package.json中 */
{
"scripts": {
"dev": "less-watch-compiler src dist"
}
}

使用CSS自動編譯可以幫助我們提高效率，使我們能夠更加專注于樣式的開發。同時，CSS預處理器也可以讓我們更方便、高效地編寫CSS代碼。