2017-09-30 15 views
0

Express、Webpack、Bootstrapを使用しています。スタイルシートにcss-loaderを使用しています。webpackでブートストラップを使用できません

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にブートストラップクラス(またはグリフコン)を使用しても何もしません。

答えて

1

require('bootstrap')だけで、あなたがrequire('bootstrap/dist/css/bootstrap.min.css')を使用する必要がCSS、または非コンパイルされたブートストラップバージョンを使用した場合のをインポートするために、あなたのケースではJavaScriptをインポートしますWebPACKの

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

1

とブートストラップ使用のためにこれを試してみてくださいより多くのローダーが必要になります。

詳細な情報と設定サンプルは、公式のドキュメントページで確認できます。here

関連する問題