Bootstrap с jQuery и поппером. js (строй) - PullRequest
Новая
       74

Bootstrap с jQuery и поппером. js (строй)

0 голосов
/ 31 марта 2020

Я хотел добавить Bootstrap 4 с jQuery и Поппером. js в Rollup JS.

Как добавить их в пакет?

Я также с использованием шаблона свертки Svelte.

1 Ответ

0 голосов
/ 03 апреля 2020

Если я правильно вас понимаю, вы используете шаблон 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 добавьте ссылку на сгенерированный дополнительный пакет. . css: 

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

По крайней мере, bootstrap работает на меня через накопительный пакет, хотя я не использую jquery или поппер. js. На самом деле, я нашел этот вопрос при поиске противоположной проблемы - Как использовать накопительный пакет с bootstrap без , требующий jquery и поппер. js.

Помните, что вам нужно будет перезапустить свой dev-сервер, так как автоматическая перезагрузка не будет работать для изменений в rollup.config. js.

...