Как подключить Bootstrap для webpack 2?
 

Я только начала изучать webpack 2 и столкнулась с проблемой: не могу подключить bootstrap. Нашла в интернете много туториалов, как русскоязычных, так и англоязычных, но ничего не получается. При выполнении каждого выпадают различные ошибки.

Очень прошу ваших советов, комментариев и разъяснений по этому поводу.
P.S. Добавлю свои webpack.config.js и package.json

webpack.config.js

const webpack = require('webpack');


module.exports = {
    entry:
        './zero.js',
    output: {
        filename: "./main.js"
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
            jQuery: 'jquery'
        }),
        new webpack.ProvidePlugin({
            Vue: ['vue/dist/vue.esm.js', 'default']
        })
    ]
};

package.json

{
  "name": "webpack",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "webpack"
  },
  "dependencies": {
    "bootstrap": "^3.3.7",
    "bootstrap-webpack": "^0.0.6",
    "bower": "^1.8.0",
    "extract-text-webpack-plugin": "^2.1.2",
    "imports-loader": "^0.7.1",
    "jquery": "^3.2.1",
    "vue": "^2.3.4",
    "webpack": "^2.6.1",
    "webpack-dev-server": "^2.4.5"
  },
  "devDependencies": {
    "css-loader": "^0.28.4",
    "file-loader": "^0.11.2",
    "less-loader": "^4.0.4",
    "style-loader": "^0.18.2",
    "url-loader": "^0.5.9"
  }
}

в свой zero.js допиши:

import 'jquery/dist/jquery.js'
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/js/bootstrap.js';