时间戳

首页 > 解决方案 > NuxtJS + BootstrapVue + TailwindCSS：我可以有效地使用 Bootstrap Vue 组件但使用 Tailwind CSS 进行样式设置吗？

nuxt.js - NuxtJS + BootstrapVue + TailwindCSS：我可以有效地使用 Bootstrap Vue 组件但使用 Tailwind CSS 进行样式设置吗？

问题描述

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

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

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

标签： nuxt.jsbootstrap-vue

解决方案

是的，您可以bootstrap-vue根据文档在 nuxt 中使用摇动

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

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

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

推荐阅读