如何在 nuxt.js 中挑选 bootstrap-vue.js 模块？

Question

我无法理解如何在 nuxt.js

中挑选 bootstrap-vue.js 模块

nuxt.config.js 中的以下代码正在拉取整个库（不包括 css），但如上所述如何包含所需的模块。

modules: [
  ['bootstrap-vue/nuxt', { css: false }]
]

我在这里引用文档：

https://bootstrap-vue.js.org/docs/ 请检查 Individual components and directives 部分。
https://nuxtjs.org/guide/modules/#provide-plugins

上面文档中描述的事情在我脑海中闪过:) 请帮忙，谢谢。

Answer 1

如果您想挑选模块，则不需要 bootstrap-vue/nuxt 模块。您需要按照“单个组件和指令”中所述导入和使用组件 ' 部分。或者创建一个插件文件，您可以在其中全局注册它们。

 plugins: [
    '@/plugins/mybs',
  ],

和插件内部

import Vue from 'vue'

import bModal from 'bootstrap-vue/es/components/modal/modal'
import bModalDirective from 'bootstrap-vue/es/directives/modal/modal'

Vue.component('b-modal', bModal);
Vue.directive('b-modal', bModalDirective);

如何在 nuxt.js 中挑选 bootstrap-vue.js 模块？

How to cherry-pick bootstrap-vue.js modules in nuxt.js?

javascript

vue.js

nuxt.js

bootstrap-vue