webpack中引用bootstrap问题

Question

本人刚开始接触webpack正在尝试使用webpack如何使用第三方库，已经用npm安装了各种加载器和库，配置完之后却发现完全没效果，webpack.config.js文件如下，有无大神教一下我怎么引入bootstrap？

var webpack = require('webpack')
var HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
	    entry: { 	    	
	    	 index : './src/js/index.js',
	    	 vendors: ['jquery','bootstrap']
	    	},
    output: {
        path: './dist',
        filename: "bundle.js", 
    },
    plugins: [
	    new webpack.optimize.OccurenceOrderPlugin(), 
	    new HtmlWebpackPlugin({
	      template: './src/index.html'
	    }),
	    new webpack.ProvidePlugin({                            
	      $:"jquery",
	      jQuery:"jquery",
	      "window.jQuery":"jquery"
	    }),
	    new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
	],
	module: {
	        loaders: [
	            { test: /\.css$/, loader: 'style-loader!css-loader' },
	            { test: /\.scss$/, loader: 'style!css!sass?sourceMap'},
	            { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'},
	            { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,   loader: "url?limit=10000&mimetype=application/font-woff" },
		        { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,    loader: "url?limit=10000&mimetype=application/octet-stream" },
		        { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,    loader: "file" },
		        { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,    loader: "url?limit=10000&mimetype=image/svg+xml" }
	        ]
	},
};

请问应该如何配置？是我打开方式有问题吗

Answer 1

我是在main.js中使用es6语法类似下面这样直接引入：import './common/css/style.css';