第一步:引入jquery
由于bootstrap依赖于jquery,所以要先引入jquery
npm instal jquery@1.11.1 --save
安装之后会在package.json中出现
之后修改build目录下的webpack.base.conf.js,
添加/*const webpack = require(‘webpack’)
const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')
const webpack = require('webpack') //##新增内容
之后在module.exports中添加
plugins: [
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery'
})
],
最后在main.js中
import $ from 'jquery'
第二步:引入bootstrap
首先安装bootstrap
npm install bootstrap@3.3.7 --save
之后在main.js中引用bootstrap
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.min'