的WebPack - 導入混入/變量/函數外部文件

我已經知道了，你可以在例如同一文件夾導入文件，如果我有以下：的WebPack - 導入混入/變量/函數外部文件

@import "mixins" 

.hero { 
    @include hero 
}

預期這會工作，但我所要做的是以下：

index.ts：

import "../global.scss" 
import "../hero.scss"

global.scss看起來是這樣的：

@import "mixins"; 
@import "functions";

所以我使用的是全球導入我的所有全球性的造型我希望，包括我的混入，變量和函數在此也讓我的SCSS的其餘部分可以使用此。

然而，隨着這個問題是英雄SCSS文件不承認全局文件，並說，混入英雄不存在。

怎麼會有其他人解決這個問題呢？我真的不想將mixins導入每個需要它們的文件。

讓我知道你的想法

2017-01-16 Max Lynn

這可以幫你嗎？ http://stackoverflow.com/questions/38456985/how-to-pre-load-sass-custom-utilities-variables-and-mixins-with-webpack?rq=1 – Ripley511

這個問題不是來自'SCSS'文件。這是你的文本編輯器問題。 – Rahul

它怎麼可能是我的文本編輯器？ –

要使用SCSS的混入，必須使用SCSS將其導入。通過導入他們在你.ts文件的時候，你的SCSS已經通過SCSS編譯運行，並轉換爲CSS，所以hero文件具有對global文件沒有關係，只要SCSS關注。

你需要在你的第一個例子中使用@import "mixins"等。

2017-01-16 17:47:32 also

這是一個很好的答案，但是我已經知道我可以使它以這種方式工作。我有很多文件，我希望我不必將mixins添加到每個需要的文件中，因爲它只是您必須做的另一件事。 –

回答