bootstrap-4 - 我如何在 nuxtjs 上安装 Bootstrap

Question

我想在 nuxt.js 中使用 Bootstrap，不使用 CDN 怎么办？我想在 nuxt.config.js 中使用引导文件，但我不能，我也想使用 jquery 文件和 popper.js 我试图将这些文件包含在 nuxt.config.js 的 head 数组中，但它不起作用，我还尝试在 CSS 上包含 bootstrap.min.css数组，幸运的是它起作用了，但是像 Dropdown、Collapses 之类的 Bootstrap 的 js 属性不起作用，我知道这些属性不起作用的原因，这是因为 Jquery 和 popper js 不包括在内，但实际上如何我可以包括它们吗？ 请帮帮我

Answer 1

您可以使用 bootstrap-vue，或者如果您想使用纯引导，您可以添加 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'
      }
    ]
  }
}