引用bootstrap yarn add bootstrap@3
基於jquery，因此還需要引用2個包，jquery和popper.js， yarn add jquery popper.js -S
引用完后在項目中創建一個配置文件(跟package.json同級)，命名vue.config.js，將下面的代碼復制進去。。。
const webpack = require('webpack')
module.exports = {
chainWebpack: (config) => {
config.plugin('provide').use(webpack.ProvidePlugin, [{
$: 'jquery',
jquery: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}])
},
css: {
sourceMap: true
},
devServer: {
port: 8040
}
}
然后在main.js引用下面兩個文件
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'
此時bootstrap樣式已經引用到項目了。