MdBootstrap已集成到NuxtJS项目中

Question

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

对于bootstrap-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，以便它添加必要的样式并转译该库的ES6：

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

和瞧！查阅官方指南以获取更多详细信息，并立即开始在Nuxt中使用MDB！

最好