vue.js - 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'
    ]
  }

瞧！查看官方指南了解更多详细信息，立即开始将 MDB 与 Nuxt 一起使用！

最好的