可変変数ファイルがグローバルでない

Question

私はwebpackでless-loaderを使用していますが、迷惑な部分は私のモジュールのlessファイルを1つずつimportする必要があります。なぜそれだけでグローバルにすることはできませんか？

Answer 1

それは（あなたが抱えている問題は、あなたのWebPACKのセットアップについて何かあれば言うことができない）あなたの質問から明らかではないが、あなたが言っている場合は、

variables.less

をしなければなりません

@var1: value1; 
@var2: value2; 

module1.less

@import 'variables'; 
selectorA { 
    propertyX: @var1 
} 

module2.less

@import 'variables'; 
selectorB { 
    propertyY: @var2 
} 

あなたはこのようにそれに近づくことができます（これはmain.lessとapp.lessをしているため、他の一般的な名称）

all.lessを

@import 'variables'; 
@import 'module1'; 
@import 'module2'; 

variables.less

@var1: value1; 
@var2: value2; 

module1.less

selectorA { 
    propertyX: @var1 
} 

module2.less

selectorB { 
    propertyY: @var2 
}