WebpackでBootstrapを扱う方法

Question

###前提・実現したいこと
最近Webpackに関して立て続けに質問させていただいております_(..)
Backbone.jsやBootstrapを使って開発を行っているのですが、BackboneやBootstrapは基本的にほとんどのページで使用するためvendor.jsなどとしてまとめたいと考えました。
そこで以下の記事を参考にコードを記述してみました。

###webpack.config.js

var webpack = require('webpack');

module.exports = {
  entry: {
    vendor: ['jquery', 'underscore', 'backbone', 'bootstrap'],
    app: './src/script/app.js'
  },
  output: {
    path: __dirname + '/dist',
    filename: '[name].js'
  },
  module: {
    loaders: [
      { test: /\.html$/, loader: 'html-loader' },
      { test: /\.css$/, loader: 'style-loader!css-loader' },
      { test: /\.svg$/, loader: 'url-loader?mimetype=image/svg+xml' },
      { test: /\.woff$/, loader: 'url-loader?mimetype=application/font-woff' },
      { test: /\.woff2$/, loader: 'url-loader?mimetype=application/font-woff' },
      { test: /\.eot$/, loader: 'url-loader?mimetype=application/font-woff' },
      { test: /\.ttf$/, loader: 'url-loader?mimetype=application/font-woff' },
      { test: /\.png$/, loader: 'url-loader?mimetype=image/png' }
    ]
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      filename: "vendor.js",
      minChunks: Infinity
    }),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery",
      _: "underscore",
      Backbone: "backbone"
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ],
  devtool: 'source-map',
};

###head内での読み込み部分

<script type="text/javascript" src="dist/vendor.js"></script>
<script type="text/javascript" src="dist/app.js"></script>

そしてブラウザで表示内容を確認してみたのですが、うまく表示されませんでした。
Bootstrapが効いていないという感じです。

###補足情報
ちなみに、以下のような方法をとり、Bootstrapの読み込みだけエントリポイントをわけたところ、もちろんうまく挙動しました。

###webpack.config.js

var webpack = require('webpack');

module.exports = {
  entry: {
    vendor: ['jquery', 'underscore', 'backbone'],
    common: './src/script/common.js',
    app: './src/script/app.js'
  },

  //以下略
};

###common.js

require('bootstrap/dist/css/bootstrap.min.css');
require('bootstrap/dist/js/bootstrap.min.js');

###head内での読み込み部分

<script type="text/javascript" src="dist/vendor.js"></script>
<script type="text/javascript" src="dist/common.js"></script>
<script type="text/javascript" src="dist/app.js"></script>

出来れば最初のような方式で、Backbone, Bootstrapは一つにまとめて共通化したいのですが、何が問題なのでしょうか？
Webpackに関して立て続けの質問になってしまっていますが、ご回答いただけると助かります_(..)

###追記
参考記事が抜けていました。すみません。
webpackのCommonsChunkPluginの使い方、使い所

Answer 1

bootstrap.cssを忘れていました…

var webpack = require('webpack');

module.exports = {
  entry: {
    vendor: [
      'jquery',
      'underscore',
      'backbone',
      'bootstrap',
      'bootstrap/dist/css/bootstrap.css' //ここが抜けていました...
    ],
//以下略

Answer 2

ProviderPluginに"window.jQuery": "jquery"を追加してみるとか？

Comments

[tarotarosu]

vendor[]内に、'bootstrap/dist/css/bootstrap.css’を記述していないことが原因でした。
ご迷惑をおかけしました_(._.)_

[turbgraphics200]

いえいえ、解決してよかったです。