vue-cli3 引入 bootstrap

在 package.json 引入并安裝 jquery 和 boostrap、webpack

"webpack": "latest"
"jquery": "^3.4.1",
"bootstrap": "^3.4.1"      

在項目目錄下（和package.json 同目錄下）配置 jquery

建立 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"]
            })
        ]
    }
};      

在 main.js 引入 bootstrap，即可

import "bootstrap"
import "bootstrap/dist/css/bootstrap.css"