带有jQuery和Popper.js的Bootstrap(精简)

艾哈迈德·埃内斯·杜鲁尔

我想将带有jQuery和Popper.js的Bootstrap 4添加到RollupJS。

如何将它们添加到捆绑器中?

我也在使用Svelte汇总模板。

NotTheDr01ds

如果我对您的理解正确,那么您正在使用默认的Svelte Rollup模板(可能通过npx degit sveltejs/template),并且希望在项目中添加对Bootstrap的支持。

如果是这样,那么我认为应该是...

npm i bootstrap
npm i jquery
npm i popper.js
npm i --save-dev rollup-plugin-css-only

在中rollup.config.js,添加:

import css from 'rollup-plugin-css-only';

在其他进口商品的顶部。另外,在plugins数组中添加:

plugins: [
  ...
  production && terser(),
  css({ output: 'public/build/extra.css'})
],

在以下方面src/main.js添加导入:

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

并在其中public/index.html添加到汇总生成Extra.css的链接:

<link rel='stylesheet' href='/build/extra.css'>

尽管我没有使用jquery或popper.js,但这至少可以通过汇总为我工作。实际上,当我寻找相反的问题时,我发现了这个问题-如何在不使用jquery和popper.js的情况下通过bootstrap使用汇总

请记住,由于自动重新加载对rollup.config.js的更改不起作用,因此您需要重新启动开发服务器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

带有Aurelia CLI和Require.js的Bootstrap 4错误“ Bootstrap下拉列表需要Popper.js”

来自分类Dev

Angular 6 + Popper.js(不含jQuery)

来自分类Dev

如何使用Angular 6安装bootstrap 4 + jquery + popper.js

来自分类Javascript

Angular 4 Bootstrap下拉列表需要Popper.js

来自分类Dev

如何在Bootstrap 4 Beta中使用Popper.js

来自分类Dev

如何使用Bootstrap 4安装popper.js?

来自分类Dev

Bootstrap 4 Beta-是否需要Popper.js?

来自分类Dev

Bootstrap 4 / Popper.js干扰自动建议

来自分类Dev

Bootstrap 4,Popper.JS和WebPack -“导入和导出可能仅与sourceType:module一起出现”

来自分类Dev

Angular 5 + Popper.JS

来自分类Dev

Popper.js无法加载

来自分类Dev

npm中的“ popper”和“ popper.js”是两个不同的软件包吗?

来自分类Dev

Vue.js 2 popper.js的Bootstrap-Vue Popover持久性问题

来自分类Dev

Bootstrap和Popper的WordPress JS加载问题

来自分类Javascript

使用Webpack 3.x导入Popper.js的Bootstrap 4 Beta抛出Popper不是构造函数

来自分类Dev

NPM警告:[email protected]需要popper.js的同级对象

来自分类Dev

Bootstrap 4 Dropdown-禁用由popper.js引起的自动放置

来自分类Dev

设置工具提示的样式(popper.js / bootstrap v4 beta)

来自分类Dev

如果popper.js无法加载,则回退

来自分类Dev

Popper.js覆盖输入字段标签

来自分类Dev

Angular 8和Angular CLI,包括moment.js或popper.js模块的应用程序的“ ng服务”问题

来自分类Dev

带有vue.js和bootstrap 4的Popover

来自分类Dev

tooltip.js popper.js用法示例

来自分类Dev

未捕获的SyntaxError:意外的令牌导出-popper.js错误

来自分类Dev

测试使用指令popper.js失败的组件

来自分类Dev

重复标识符错误Popper.js

来自分类Dev

为什么popper.js在Laravel中不起作用

来自分类Dev

即使包含popper.js,仍然会收到“未捕获的错误:引导程序下拉列表需要Popper.js”

来自分类Dev

带有材料精简版的居中表格

TOP 榜单

热门标签

归档