vuecli@3如何引入bootstrap

1、首先第一步npm下载(使用bootstrap需要借助jquery)

cnpm i jquery

cnpm i bootsrtrap

2、在package.json同级创建vue.config.js文件

/*
*Vue-CLI项目的核心配置文件
*/
const webpack = require("webpack");
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.jQuery": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
    }
}

3、在main.js文件上方引入即可

//引入jquery
import $ from 'jquery'
// 引入bootstrap样式
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'