在NUXT中选择布局中的UI模块
提问于 2021-03-06 12:56:49
buildModules: [
'@nuxtjs/buefy'
'@nuxtjs/vuetify',
]是否有一种方法可以选择我想要在哪个布局中使用的模块？(甚至没有)
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-03-06 13:37:16
简短回答:不。
很长的答案:您不能选择在哪里使用哪个模块，因为在表示任何组件之前都会设置这些模块，因为它们将在构建时完成。因此，您的应用程序上将有全球可用的组件。因此，由于它是全球性的，所以您不能按需导入它们。
但是，您将不会有任何冲突的tbh，因为组件的名称空间是不加限制的。示例：
<b-button>Buefy button</b-button>
<v-btn>Vuetify button</v-btn>如果要手动选择要导入的组件，则可以完成。但这将是非常麻烦的，不会增加很多价值，海事组织，因为它将需要在每个组件的水平。
PS：nuxt-buefy不是buildModules安装，如下所示：https://buefy.org/documentation/start#nuxtjs
编辑注释:我知道对于Bulma，您可以选择导入的内容，如下所示
@import 'bulma/sass/base/generic';
@import 'bulma/sass/elements/_all';
@import 'bulma/sass/form/_all';
@import 'bulma/sass/components/_all';
// @import 'bulma/sass/grid/_all';
// @import 'bulma/sass/layout/_all';
// @import "bulma/sass/helpers/_all" //! this one will add some annoying spacing, DON'T UNCOMMENT :)
@import '~buefy/src/scss/buefy';看来您也可以对Vuetify：https://vuetifyjs.com/en/getting-started/installation/#webpack-install做同样的操作
尝试如何选择(以及选择)将花费你一些时间，但你应该能够做到。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66510557
复制
腾讯云开发者
