部分ファイルでインポートする部分ファイルの識別変数がありません

Question

部分ファイルをstyle.scssにインポートすると、それは正常に動作しています。すべての変数は正常に動作します。

style.scss

@import 'base/variable'; 

//Component 
@import 'component/menubar'; 
@import 'component/menubar-mascot'; 
@import 'component/menubar-count'; 
@import 'component/menubar-button'; 

しかし、私はこの

style.scss

@import 'base/variable'; 

//Component 
@import 'component/menubar'; 

menubar.scssのように、メニューバーのSCSS部分ファイルをマージしようとすると、

@import 'menubar-mascot'; 
@import 'menubar-count'; 
@import 'menubar-button'; 

variable.scssそれが読めることはできませんが、私はこの

menubar.scssのように、menubar.scssに再びvariable.scssインポートするとき

@import '../base/variable'; 
@import 'menubar-mascot'; 
@import 'menubar-count'; 
@import 'menubar-button'; 

それがうまく働いて上の変数、なぜ？どのように再度インポートなしでこれを修正するにはvariables.scssmenubar.scssに？

Answer 1

私はmenubar-mascotがsassコマンドを実行した場所にあると仮定します。 何らかの理由で、ネストされたインポートの絶対パスが見つからないようです。

@import 'menubar-mascot'; 
@import 'menubar-count'; 
@import 'menubar-button'; 

ただし、相対的なものを使用すると、それが見つかりません。あなたが行うことができますあなたのバンドルSCSSファイルへの相対ので：

@import '../menubar-mascot'; 
@import '../menubar-count'; 
@import '../menubar-button'; 

したがって、バックルートに戻っコンポーネントフォルダから移動して、正しいファイルを検索します。