Как подключить bootstrap 4, через webpack не подключая при этом скрипты?

Question

[Максим Коновалов]

Я уже выполнил команду
npm i -D install bootstrap
Что мне необходимо сделать дальше?

Comments

[Mikhail Osher]

Что за проект? Create React App? Vue App? Angular CLI?

[Максим Коновалов]

Mikhail Osher, хахах, не я пока что не так крут) пишу на нативе... Вот стало интересно как сдедать так же только с использованием webpack

Answer 1

[Mikhail Osher]

1) Создайте какой-нибудь index.css (или лучше vendor.css, если ещё будете что добавлять).

2) Запишите туда
@import "bootstrap/dist/bootstrap.css";

3) Подключите созданный css файл в главном js файле

Comments

[Максим Коновалов]

Спасибо за вашу помощь, но немного иначе подключил...
Сделал import через главный js файл
import 'bootstrap/dist/css/bootstrap.css';

[Максим Коновалов]

Но пока искал решения, нашел еще 1 вариант это подключения пакета
npm install webpack-node-externals --save-dev

nodeExternals({
// load non-javascript files with extensions, presumably via loaders
whitelist: [/\.(?!(?:jsx?|json)$).{1,5}$/i],
}),

Пакет исключает js формат от изьятия из node_modules

[Mikhail Osher]

Максим Коновалов, да, с путями я напутал немного) А про index.css/vendor.css я говорил, чтобы, на всякий случай, вендорные стили в одном месте подключались, и было понятно, что используется на проекте. Например, если начнёте добавлять потом кастомные селекты и так далее

[Максим Коновалов]

Mikhail Osher, Понял, учту, спасибо)