webpack引入jquery以及bootstrap方法

安装jQuery

npm install jquery --save-dev

安装bootstrap

npm install bootstrap --save-dev

配置jQuery
由于 Bootstrap 依赖于 jQuery，所以在代码中 import jQuery from ‘jquery’ 是不够的，这只是解决了自己代码对 jQuery 的依赖，在此处使用了webpack.ProvidePlugin

解决方案：
在 webpack.base.conf.js 头部添加

var webpack = require('webpack')

在 entry 后边添加

  plugins: [
      new webpack.ProvidePlugin({
          "$": "jquery",
          "jQuery": "jquery",
          "window.jQuery": "jquery"
      })
  ]

引入bootstrap
在 main.js 中，加入如下代码

import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'

最终结果

源码地址

https://github.com/ProtosL/initdemo