MdBootstrap 集成到 NuxtJS 项目中

Question

我正在尝试将 https://mdbootstrap.com/vue/ 的 material 设计集成到我的 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'
    ]
  }

瞧！ Checkout out the official guide 了解更多详细信息，立即开始将 MDB 与 Nuxt 结合使用！

最佳

MdBootstrap 集成到 NuxtJS 项目中

MdBootstrap integrated into NuxtJS project

vue.js

material-design

vuejs2

nuxt.js

mdbootstrap