1.通过cnpm安装bootstrap和jquery
cnpm install bootstrap jquery –save
2.要使用bootstrap必须先引入jQuery
找到build文件夹下的webpack.prod.conf.js文件打开,新增配置:
plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ]
找到build文件夹下的webpack.prod.conf.js文件打开,全局引入jQuery
module.exports = { resolve: { alias: { jquery: "jquery/src/jquery", } } }
在入口文件main.js中加入:
import $ from 'jquery'
3.在main.js里导入Bootstrap
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'