scssファイルの中で、(React/SASS/Webpackスタックの)広く使われているscssのカスタムチャンクをインポートしようとしています。react + 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
}
。
ありがとうございました
私のjsファイル:同じフォルダ内の同じコンポーネントに関連するすべてを置くことは非常に便利です。 – bdavidxyz
私は手動のダーティチェックと自動テストの両方を持っていますが、私はここで頑強さを探しています。私は恐れることなくフォルダを移動することを知っている。 – bdavidxyz
'-I'引数を使ってインポートパスを指定することができます。詳細は 'man scss'を参照してください。 – Klaus