我可以使用'@import”將常規 CSS 文件導入到 SCSS 中嗎？

使用@import 在SCSS 中匯入常規CSS 檔案

許多開發人員發現自己需要SCSS 的組合和壓縮功能，而不需要重新命名他們的所有檔案都保存為*.scss。為了解決這個問題，問題來了：使用@import指令將常規CSS檔案匯入SCSS是否可行？

回答

最初，這種方法面臨挑戰，導致社區混亂。然而，截至 2014 年 12 月，該問題已透過 GitHub 拉取請求解決。

將 CSS 檔案直接匯入 SCSS 的更新語法是 @import "your/path/to/the/file"，無需檔案名稱後面的檔案副檔名。這將直接導入文件。

如果附加 *.css 副檔名，它將轉換為 CSS 規則 @import url(...)。

對於像 webpack 這樣的模組捆綁器，它建議在路徑開頭使用~。要匯入檔案node_modules/bootstrap/src/core.scss，只需使用@import "~bootstrap/src/core."

重要提示

值得注意🎜>重要提示

值得注意🎜>重要提示值得注意🎜>重要提示值得注意🎜>重要提示值得注意解決方案可能不適合所有人。如果您的解釋器基於 libsass，它應該按預期運行。另一方面，它被發現可以與 node-sass 一起使用，但可能無法在某些 ruby​​ 實例上運行。

以上是我可以使用'@import”將常規 CSS 文件導入到 SCSS 中嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！