MdBootstrap集成到NuxtJS项目中

Question

我正在尝试将https://mdbootstrap.com/vue/的材料设计集成到我的NuxtJS项目中，但是我没有找到任何关于如何将它添加到nuxt中的指示。

对于引导-vue，我将它添加到我的nuxt.config.js中，如下所示：

modules: [ 'bootstrap-vue/nuxt', ],

但它似乎不适用于mdbootstrap。

Answer 1

如果您有一个nuxt项目，您所需要做的就是

yarn add mdbvue bootstrap-css-only或npm install mdbvue bootstrap-css-only

nuxt.config.js，编辑您的...then，以便它添加必要的样式并转换库的ES6：

  css: [
   'bootstrap-css-only/css/bootstrap.min.css',
   'mdbvue/build/css/mdb.css'
  ]
  ...
  build: {
    extend(config, ctx) {},
    transpile: [
      'mdbvue'
    ]
  }

和哇！检查官方指南的一些额外的细节，并开始使用MDB与Nuxt今天！

最好的