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

Question

我如何从这里使用主题： https ://bootswatch.com/

从这里使用 bootstrap-vue：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 }],
  ],
}
```