我如何在 nuxtjs 上安装 bootstrap

Question

我想在 nuxt.js 中使用 Bootstrap，如何在不使用 CDN 的情况下做到这一点？我想在 nuxt.config.js 中使用 bootstrap 文件，但我不能，我也想使用 jquery 文件和 popper.js 我尝试将这些文件包含在 head 数组上，但nuxt.config.js它不起作用，并且我也尝试包含bootstrap.min.css在 CSS 数组中，幸运的是它有效，但是 bootstrap 的 js 属性（如 Dropdown、Collapses 等）不起作用，我知道这些属性不起作用的原因，因为 Jquery 和 popper js 没有不包括，但实际上我怎样才能包括它们？请帮我

Answer 1

您可以使用 bootsrap-vue，或者如果您想使用纯 bootstrap，您可以添加 CDN 或下载文件手动添加它们：

nuxt.config.js

export default {
  head: {
    script: [
      {
        src: '/jquery-3.5.1.slim.min.js'
      },
      {
        src: '/popper.min.js'
      },
      {
        src: '/bootstrap.min.js'
      }
    ],
    link: [
      {
        rel: 'stylesheet',
        href: '/bootstrap.min.css'
      }
    ]
  }
}