Как установить конкретный файл из пакетов npm, например, только из bootstrap bootstrap.min.css?

Question

Я использовал файл bootstrap.min.css, установленный из пакета bootstrap, с использованием npm в реакции, но мне было любопытно, есть ли какой-нибудь способ, чтобы мы могли установить определенные файлы из пакета bootstrap вместо полного пакета.Более того, если мы используем конкретный файл в моем случае, только bootstrap.min.css вместо других файлов из пакета начальной загрузки.Влияет ли это на производительность приложения.

Answer 1

Если вы знаете, какая часть компонента Bootstrap, вы можете.

CSS

импортировать файлы scss в bootstrap/scss/, которые вам нужны в файле scss в вашем проекте, Вы должны использовать файл scss для таблицы стилей.

// Required
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
// Optional
@import "../node_modules/bootstrap/scss/reboot";
...

ссылка: https://getbootstrap.com/docs/4.3/getting-started/theming/#importing

JS

импортировать js-файл в bootstrap/js/dist/.

import 'bootstrap/js/dist/util';
import 'bootstrap/js/dist/alert';
...

ссылка: https://getbootstrap.com/docs/4.3/getting-started/webpack/#importing-javascript

А использование специального компонента обеспечивает компактный размер сборки и немного более высокую скорость загрузки.