2つのファイルがあり、変数のスタイルシートを2番目のファイルにインポートしたいのですが、最初のケースではプレビューモードで誤った構文エラーが発生し、2番目のケースでは宣言されていない変数エラーが発生します。とにかく、どちらの場合も正しくコンパイルされます。
プレビューモードエラーの最初のケース：
変数.less：
@color-background: rgb(0, 0 , 0);
style1.less：
@import 'variables.less';
div
{
color:@color-background;
}
宣言されていない変数エラーの2番目のケース：
変数.less：
html{color:red;}
@color-background: rgb(0, 0 , 0);
style1.less：
html{color:red;}
@import 'variables.less';
div
{
color:@color-background;
}
html{color:red}プレビューモードの修正です。有効なhtmlであればどれでもかまいません。
問題は、プレビューモードを取得するためにhtmlタグでのみファイルを開始でき、コメントやインポートディレクティブでは開始できないことです。