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'