react + webpackを使用している場合、絶対パスを使用してカスタムscssをインポートする方法は？

Question

scssファイルの中で、（React/SASS/Webpackスタックの）広く使われているscssのカスタムチャンクをインポートしようとしています。

私は共有mixinを使用することができます。

私はMyAdminButtonを作成していて、プロジェクトのすべてのボタンに関連するscssファイルをインポートしたいとします。 （これはカスタムのscssで、ベンダー/外部のものではありません）。

それは次のようになります。これは私のSCSSファイルを移動すると、その後、すべてが壊れているので、ない良い音

//this actually works but it is a code smell : what if the current file moves ? 
@import "../../stylesheets/_common-btn-styles.scss"; 

.my-admin-btn { 
    // here I can use a shared mixin defined in _common-btn-styles.scss 
} 

。

ありがとうございました

Answer 1

が見つかりました。ここで

https://github.com/jtangelder/sass-loaderが関連する部分である：ここで説明するように実際にあなたは、webpack.config.jsonにSASS-ローダーを設定することができますリファクタリングはかなり頻繁に発生するので、espescially私は次のSCSSファイルを置けば

sassLoader: { 
    includePaths: [path.resolve(__dirname, "./some-folder")] 
}