は、私はSASS <a href="http://sass-lang.com/guide" rel="nofollow">inheritance</a>を使用することによって自分自身のサブ要素に<a href="http://getbootstrap.com/" rel="nofollow">Bootstrap</a> CSSを追加するノード

Question

にSASSとブートストラップクラスを継承します。そして私はbootstrap-sassをインストールしましたが、私は@import 'bootstrap'を動作させるように見えません。私が得るのはFile to import not found or unreadable: bootstrapです。ウェブパックのコードの一部は次のとおりです。

module: { 
    loaders: [ 
    ...., 
    { 
    test: /\.scss$/, 
    loader: ExtractTextPlugin.extract('css!sass'), 
    }], 

これは私が逃したことは些細なものでなければならないと思います。 SASSがライブラリにアクセスできないというのは全く驚くことではありませんが、SASSにライブラリを直接提供する方法についての良いヒントは見つかりませんでした。

Answer 1

セットアップなどのためにこれまで行ってきたことはありません。シンプルな英語では、ブートストラップの公式サイトからダウンロードしたSASSファイルを使用している場合は、自分のミックスイン、変数、および独自のコードファイル内のコードを拡張することができます。ファイルの適切なプロジェクトセットアップが必要であり、適切な方法でインポートする必要があります。

共有コードでは、@extendの構文が間違っているようです。私はデモ用のダミーコードスニペットを示しています。

// code already written inside Bootstrap source file. 
.nav-item { 
    background:red; 
} 
.nav-link { 
    color: #fff; 
} 

// your code 
.nav > a { 
    @extend .nav-item; 
    @extend .nav-link; 
} 

試行錯誤のためにhttp://www.sassmeister.com/ウェブサイトを使用することができます。

これはコンパイル時のように見えます。