Vue.js MdBootstrap集成到NuxtJS项目中

Vue.js MdBootstrap集成到NuxtJS项目中,vue.js,vuejs2,material-design,nuxt.js,mdbootstrap,Vue.js,Vuejs2,Material Design,Nuxt.js,Mdbootstrap,我试图将中的材质设计集成到我的NuxtJS项目中,但我没有找到任何关于如何将其添加到nuxt的指示 对于bootstrap vue,我将其添加到我的numxt.config.js中,如下所示: 模块:[ “引导vue/nuxt”, ], 但是它似乎对mdbootstrap不起作用。如果你有一个nuxt项目,你需要做的就是 仅添加mdbvue引导css 或 npm仅安装mdbvue引导css …然后编辑您的nuxt.config.js,以便添加必要的样式并传输库的ES6: css: [

我试图将中的材质设计集成到我的NuxtJS项目中,但我没有找到任何关于如何将其添加到nuxt的指示

对于bootstrap vue,我将其添加到我的
numxt.config.js
中,如下所示:

模块:[
“引导vue/nuxt”,
],


但是它似乎对mdbootstrap不起作用。

如果你有一个nuxt项目,你需要做的就是

仅添加mdbvue引导css
npm仅安装mdbvue引导css

…然后编辑您的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一起使用


最好的

我认为这个应该被标记为最佳答案