2017-01-06 7 views
1

私はbootstrap-sassを使用しています。ノードモジュールがインストールされています。私は、任意の.scssファイルに、適切なシートにインポートするには、以下の行を使用することができます期待してくださいSassインポートが適切なパッケージを見つけるためにnode_modulesをクロールしない

@import 'bootstrap'; 

私の理解では、何が起こるはずですが、それはpackage.jsonを見つけるまで、コンパイラが這い上がっですnode_modulesにホップ、適切なパッケージを見つけます。代わりに私は以下のエラーが発生しています。

Error: File to import not found or unreadable: bootstrap

私のインポートを以下のように完全修飾パスに置き換えた場合、すべてが重力で動作します。

@import '../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap'; 

私はgulp-sassを使用してコンパイルしています。推測私はいくつかのマイナーな設定ビットをオフにしているが、私はそれが何であるか把握することはできません。

+0

わからない、これがタグ付けされている理由ES6/typescriptですが:あなたは、あなたが使用して問題ないはず

.pipe($.sass({ includePaths: ['node_modules/bootstrap-sass/assets/stylesheets'] }) 

ゴクゴク

を使用している場合は、このようになりますか? – loganfsmyth

答えて

2

パスをインクルードパスとして渡します。

例:

@import 'bootstrap'; 
+0

ありがとう! –

+0

あなたがgulp-sassに含める複数のパスがある場合は、ファイルの先頭に変数を宣言して整理しやすくすることができます。例えば、 。 'var sassPaths = ['path1'、 'path2'];'と 'includePaths:sassPaths' – Davey

+0

あなたのコード例では' $ 'とは何ですか? Btw、閉じ括弧がありません。 – connexo

0

Javascript/Node.jsのようなものはインポートされません。それはそれをインポートするファイルと同じフォルダ内のブートストラップファイルを探します。したがって、長いパスを使用するか、ブートストラップファイルを同じフォルダに配置する必要があります。

関連する問題