webpack에 부트 스트랩을 사용할 수 없습니다.

Question

Express, Webpack 및 Bootstrap 사용. 스타일 시트에 css-loader을 사용하고 있습니다.

const path = require("path"); 

config = { 
    "entry": "./modules/entry.js", 
    "output": { 
     "path": path.resolve(__dirname, "public"), 
     "filename": "bundle.js" 
    }, 
    "module": { 
     "rules": [ 
      { "test": /\.css$/, "use": "css-loader"} 
     ] 
    } 
} 

module.exports = config 

Entry.js에만 스타일 시트가 필요합니다 : 여기 내 webpack.config.js이야 내 공용 폴더에있는 모든 파일을 넣어

require("bootstrap") 
require("glyphicons") 

내가

app.use(express.static("public"))를 사용하여 그리고 내 인덱스에서 봉사한다. html 스크립트 태그가 있습니다.

<script src="./public/bundle.js" type="text/javascript"> 

내 HTML에 부트 스트랩 클래스 (또는 글리프콘)를 사용하면 아무런 효과가 없습니다.

Answer 1

, 당신은 require('bootstrap/dist/css/bootstrap.min.css'), 또는 컴파일되지 않은 부트 스트랩 버전을 사용하는 경우를 사용할 필요가 CSS를 가져, 단지 귀하의 경우 자바 스크립트를 가져옵니다 웹팩

https://github.com/shakacode/bootstrap-loader

Answer 2

require('bootstrap')으로 부트 스트랩 사용이 시도 더 많은 로더가 필요할 것입니다.

공식 문서 페이지에서 자세한 내용과 구성 샘플을 확인할 수 있습니다. here