如何将bootswatch主题或CDN添加到bootstrap-vue？

Question

如何从此处使用主题：https://bootswatch.com/

从这里进入引导程序：https://bootstrap-vue.js.org/docs

在Nuxt.js中：https://nuxtjs.org/guide/modules#write-a-basic-module

我不是其中任何一个的专家-最好的方法是什么？

Answer 1

我最终得到了一个nuxt.config.js，类似于此：

``` javascript
module.exports = {
  head: {
    link: [
      /* Option 1: Load from CDN */
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css' },
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/bootswatch/4.1.2/pulse/bootstrap.min.css' },
      { rel: 'stylesheet', href: 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' },
    ],
  },
  css: [
    /* Option 2: Use from npm package here for custom CSS */
    'assets/main.scss'
  ],
  modules: [
    /* To use the above, turn off CSS from the package. */
    ['bootstrap-vue/nuxt', { css: false }],
  ],
}
```