ブランチがベンダーのCSSを期待どおりに取り上げない

Question

私のアプリケーションにPure.cssを使用しようとしています。私は、NPMを使用して、それをインストールしていると私のbrunch-config.jsはそうのように構成されています

stylesheets: { 
    joinTo: { 
    'app.css': /^app/, 
    'vendor.css': /^(?!app)/ 
    } 
} 

私はvendor.cssは、この時点で生成されることを期待するが、それはありません。しかし、私のJavaScriptで、私はrequire('purecss');、と答えた場合、私はvendor.cssを得た...しかし、私はまた、JavaScriptエラーCannot find module 'purecss' from '<filename>'を取得します。私は成功しなかった私のCSSで@import 'purecss'の様々な置換を試みました。

npmモジュールのベンダーCSSはどのように消費されますか？

npm: { 
    styles: { 
    bootstrap: ['dist/css/bootstrap.css'] 
    } 
} 

filesであなたのセクションと組み合わせて、それがvendor.cssに、ブートストラップのCSSを記述します、ということ：

Answer 1

あなたは、私がnode_modules/bootstrap/dist/css/bootstrap.cssを含めるしたいとき、私は私のbrunch-config.jsに次のように入れていた例えば、npmconfig sectionを使用する必要があります。私の作品

---

全brunch-config.js：

module.exports = { 
    files: { 
    javascripts: { 
     joinTo: { 
     'app.js': /^app/, 
     'vendor.js': /^(?!app)/ 
     } 
    }, 
    stylesheets: { 
     joinTo: { 
     'app.css': /^app/, 
     'vendor.css': /^(?!app)/ 
     } 
    } 
    }, 

    plugins: { 
    babel: { presets: ['es2015'] } 
    }, 

    npm: { 
    styles: { 
     bootstrap: ['dist/css/bootstrap.css'] 
    } 
    } 
};