在 Laravel-AdminLTE 中使用 bootstrapVue

先前整理過一篇筆記，Laravel-AdminLTE 中如何使用 Vue 開發 (opens new window) 也是搞個半死。
這次研究時上手了一點，其實概念和 BootstrapVue: Quick Start (opens new window) 文檔說明相同，以下為關鍵部分

// Register BootstrapVue in your app entrypoint:
import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue';

Vue.use(BootstrapVue);

# 使用 Laravel Mix

  1. 先透過 npm install --save bootstrap-vue 安裝相依套件

  2. 修改專案目錄下的 resources/asset/js/app.js

    require ('./bootstrap-vue') // 引入相依的 bootstrap-vue.js

  3. 修改專案目錄下的 webpack.mix.js

    // 在 vendor resources 的部分底下新增一行
.copy('node_modules/bootstrap-vue/dist/bootstrap-vue.js','resources/assets/js');

    Note: 也可以手動將 bootstrap-vue.js cp 到 resources/assets/js，只要 app.js 能 require 到即可

使用 Laravel Mix