如何將 CSS 檔案匯入到 LESS 檔案而不出現錯誤？

將CSS 檔案匯入LESS 檔案

作為經驗豐富的LESS 開發人員，您可能習慣於將其他LESS 檔案匯入到在您的專案中，利用強大的LESS 預處理器。然而，在嘗試將 CSS 檔案匯入 LESS 時，您可能會遇到困境。

問題：

將CSS 檔案(.css) 匯入LESS 檔案時(.less) 使用標準@import 指令，您可能會觀察到以下錯誤：

NameError: .type is undefined

此錯誤表示導入的CSS 檔案中所引用的某個類別(.type) 無法在LESS 中辨識

解：

解決方案：

@import (format) "file_name";

解決方案在於匯入CSS 檔案時指定檔案格式選項。此選項明確通知 LESS 如何解釋已匯入的檔案。

要指定檔案格式選項，請使用下列語法：

其中
• format 可以是：
• css : 將匯入的檔案解釋為CSS 檔案。

less:

將匯入的檔案解釋為 LESS 檔案。

@import (css) "style.css";

使用此方法，要匯入CSS 檔案並將其視為CSS，請使用下列指令：

該指令指示LESS 將「style.css」解釋為CSS 文件，允許您在LESS 文件中存取其樣式，包括“.type”類別。 請記住，此文件格式選項為管理匯入的文件提供了彈性。例如，您可以使用「(less)」選項匯入 LESS 文件，而無需指定「.less」副檔名。

以上是如何將 CSS 檔案匯入到 LESS 檔案而不出現錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！