vue中使用bootstap

查阅了各种资料，尝试了网上的好多方法，下载的依赖都不好使，要么不出效果，要么报错。最后只能下载一个压缩包到本地，解压后放进src的assets中了

1.先下载jquery

npm install jquery --save-dev

1.5. 在webpack.base.conf.js中添加如下内容：

 var webpack = require('webpack')

1.9在 module.exports 的最后面加入以下配置

 // 增加一个plugins
plugins: [
    new webpack.ProvidePlugin({
      jQuery: 'jquery',
      $: 'jquery',
      'window.jQuery': 'jquery'
    })
  ],

或者

 plugins: [

    new webpack.optimize.CommonsChunkPlugin('common.js'),

    new webpack.ProvidePlugin({

      jQuery: 'jquery',

      $: 'jquery'

    })

   ],

vue中使用bootstap

2.在src的 mian.js 中导入jquery

import $ from 'jquery'

3 . 自己在src中的assets 放入一个自己下载的bootstrap 文件

vue中使用bootstap

4. 再引入bootstrap

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

vue中使用bootstap