是否有可能將.css文件中定義的類擴展爲.scss文件？

Question

例如：

app.scss

@import url('orange.css'); 
@import 'navel.scss'; 

orange.css

.orange { 
    color: orange; 
} 

navel.scss

.navel { 
    @extend .orange; 
} 

Answer 1

在SASS如果添加

@import "test.css"; 

或

@import url("test.css"); 

它被編譯成純的CSS @import指令。因爲該文件與.css擴展SASS預處理器的東西，這是純粹的CSS和裏面的代碼是不涉及的SASS語言操作。在你的榜樣，如果您嘗試擴展.orange您將獲得：

The selector ".orange" was not found. 

不久：伸出是可能的，只有你使用SASS文件。

Answer 2

@extend通過導入CSS文件是不可能的。你必須

1. 你的CSS轉換成SCSS部分（或文件）
2. @import這一部分
3. @extend CSS類

是你會留下這樣做的缺點複製。假設這個導入是一個7000行的CSS文件（比如bootstrap），那麼你將會陷入困境