NuxtJS + BootstrapVue + TailwindCSS：我可以有效地使用 Bootstrap Vue 组件，但使用 Tailwind CSS 样式？

Posted 2023-03-07

【中文标题】NuxtJS + BootstrapVue + TailwindCSS：我可以有效地使用 Bootstrap Vue 组件，但使用 Tailwind CSS 样式？

【英文标题】：NuxtJS + BootstrapVue + TailwindCSS: Can I efficiently use Bootstrap Vue components but style with Tailwind CSS?

【发布时间】：2021-05-21 21:36:58

【问题描述】：

我正在创建一个应用程序，并在大部分设计中使用 Tailwind CSS。但是，我想使用 BootstrapVue 中的几个组件。

是否可以将某些组件（例如Form Tags component）作为插件导入？如果是这样，我该如何优化它，以便我可以在 NuxtJS 中获得最小的文件？是否可以使用所有 BootstrapVue 表单组件但使用 Tailwind CSS 设置样式？

如果您能提供一种用于摇树、导入等的最佳方法，那就太棒了！

【参考方案1】：

是的，您可以基于documentation在nuxt中使用bootstrap-vue中的抖动

我在我的项目中nuxt.config.js文件中使用了这个方法：

bootstrapVue: 
    icons: false,
    componentPlugins: [
        'LayoutPlugin',
        'FormPlugin',
    ],
    components: ['BContainer', 'BRow', 'BCol' ],
    directives: ['VBModal', 'VBToggle', 'VBTooltip'],
,

当然，你可以在配置文件中放任何你想要的东西。