1

他のCSSファイルをインポートしている親SCSSファイルがあります。

@import 'variables.css';
@import 'helpers.css';
@import 'layout.css';

そして私は3つのscssファイルを持っています:variables.css.scss; helper.css.scss&layout.css.scss。

変数では、サイト全体で使用される色、フォント、サイズを定義しています。問題は、これらの変数が最初にインポートされている限り、他のドキュメントで使用できると想定しているのですが、Undefined Variableエラーが発生します。

プロセスが間違っていると思います。どこが間違っているのですか?

4

3 に答える 3

3

仲介者として余分なファイルを使用しても問題ない場合は、そのようにすることができます。

_master.css.scss:

@import 'variables.css';
@import 'helpers.css';
@import 'layout.css';

サイト.css.scss:

@import '_master.css';
于 2012-10-27T20:37:10.810 に答える
1

問題は、scss ファイルの名前です。ファイルをインポートする方法により、SASS は @import CSS ルールを使用していると認識しますhttps://developer.mozilla.org/en-US/docs/CSS/@import これらのファイルの名前を scss 拡張子のみに変更し、 「.css」、そしてこのようにインポートします

@import 'variables.scss';
@import 'helpers.scss';
@import 'layout.scss';

または、拡張機能をまったくスキップすることもできます

@import 'variables';
@import 'helpers';
@import 'layout';
于 2012-11-18T20:10:32.083 に答える
0

他のファイルで変数を使用できるようにする場合は、その css も含める必要があります。したがって、基本的には layout.css.scss と helper.css.scss が必要になります@import 'variables.css'

于 2012-10-26T21:54:31.750 に答える