vue引用bootstrap3

引用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樣式已經引用到項目了。