在 vue.js (webpack) 中没有 jQuery 的引导程序答案

【问题标题】：Bootstrap without jQuery in vue.js (webpack)在 vue.js (webpack) 中没有 jQuery 的引导程序
【发布时间】：2017-09-19 00:31:24
【问题描述】：

我刚开始使用 Vue.js，但不知道如何在不使用 jQuery 的情况下添加 Boostrap 包。我不想混合使用 jQuery 和 Vue.js，所以我决定编写自己的 JS 代码来触发模态对话框（例如）。

这是我最喜欢的包：

npm install bootstrap@4.0.0-beta

目前，应用程序返回错误（需要 jQuery），我知道安装 jQuery 并将其添加到 webpack 配置中可以解决问题，但正如我所说，我想避免使用 jQuery。

是的，我知道有boostrap-vue，但我也对此不感兴趣。

谢谢， N.

【问题讨论】：

您只需cannot use Bootstrap without jQuery。包含它有什么问题？
@Phil 我不想混合使用 jQuery 和 Vue.js。我还可以添加 React、Angula、Ember 等。我在这里找到了有趣的讨论：github.com/twbs/bootstrap/issues/23204 看起来 jQuery 会用 vanilla JS 重写，但不会那么快。无论如何，我可以分叉 Bootstrap 并删除依赖项。只是好奇是否有其他解决方案..
Bootstrap JS 主要是一堆 jQuery 插件，所以不，没有其他方法（不使用像 bootstrap-vue 这样的 Bootstrap 克隆）。同样，包含 jQuery 有什么问题？它不会与 Vue 冲突。他们解决不同的问题
Bootstrap 依赖于 jQuery。只是不要在你的代码中使用 jQuery 吗？

【解决方案1】：

你可以

yarn add bootstrap@4 或 npm install bootstrap@4 --save

然后在.scss中

@import '~bootstrap/dist/css/bootstrap.min.css';

或在 .js 中

import 'bootstrap/dist/css/bootstrap.min.css';

这将仅包括 css（模态转换之类的东西需要自定义实现）。

【讨论】：