브랜치가 예상대로 공급 업체 CSS를 선택하지 않습니다.

Question

내 응용 프로그램에 Pure.css을 사용하려고합니다. 나는 NPM을 사용하여 설치하고 내 brunch-config.js은과 같이 구성되어했습니다

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

내가 vendor.css이 시점에서 생성 될 것으로 예상, 그러나이지 않는다. 그러나, 내 JavaScript에서, 내가 require('purecss');, 을 말한다면 나는 vendor.css을 얻게된다. 그러나 나는 또한 자바 스크립트 오류 Cannot find module 'purecss' from '<filename>'을 얻는다. 나는 성공을 거두지 않고 내 CSS에 @import 'purecss'의 다양한 순열을 시도했다.

npm 모듈에서 공급 업체 CSS를 어떻게 사용합니까? 내가 node_modules/bootstrap/dist/css/bootstrap.css을 포함하고 싶어 할 때, 예를 들어, npmconfig section를 사용해야합니다

Answer 1

나는 내 brunch-config.js에 다음을 넣어했다 :

가 vendor.css에 부트 스트랩의 CSS를 작성하게 files에 섹션과 함께 그

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

. 나를 위해 작동

---

전체 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'] 
    } 
    } 
};