現在、私は次のようなディレクトリ構造を持っている:コンポーネントからSCSSファイルのディレクトリを参照する方法は?
stylesheets
..modules
...._all.scss
...._colors.scss
..partials
...._all.scss
...._Home.scss
..main.scss
そして、私が持っている私の_Home.scss
中:
@import '../modules/all';
.headerStyle {
color: pink;
font-size: 15;
font-weight: 500;
}
そして、私のmain.scss
に私は次のようにスタイルシートフォルダ内のすべての_all.scss
をインポート:
@import 'modules/all'
@import 'partials/all'
html { font-family: 'Roboto', sans-serif; }
body {
margin: 0;
background-color: orange
}
を
最後に私のコンポーネントでは、スタイルシートを次のようにインポートします:
import '../../stylesheets/main.scss'
...
<div className="headerStyle">Header</div>
には、.headerStyle
で区切られていません。私はmain.scss
へのディレクトリパスをチェックして、それは正しいです、そして、私はどんなエラーも得ていません。
、実際に適用されている次:私が間違って何をしていることができ
body {
margin: 0;
background-color: orange
}
?そして、コンポーネントのたびに定義するのではなく、コンポーネントにスタイルシートをインポートするより良い方法がありますか?
ありがとうございますupvote /応答を受け入れます。
あなたは 'パーシャル/ _all.scss'に' _Home.scss'をインポートする:ここで
が更新されたコードのですか? '@import 'Home'' – inostia
まず、' @import' modules/all''のtypoですか?それは '_all'であってはなりませんか?第二に、 '_all.scss'ファイルの内容は何ですか? –