bootstrap c при помощи npm и webpack

821
03 февраля 2017, 05:39

Я создал небольшое приложение и хочу подключить туда bootstrap. Ввожу команду:

npm install bootstrap --save-dev

В итоге вижу в папке node_modules/bootstrap лежит все, что нужно: css, fonts и js. Как мне все это подключить из проекта ? Например, с angular все просто:

var angular = require('angular');
var ngModule = angular.module('superApp', []);

Но что мне делать с подключением стилей ?

Answer 1

Ну подключать js так же как подключать angular. Только бутстрап работает исключительно через jquery, поэтому не уверен, что вам нужен такой уг. Судя по всему, у вас angular проект, тогда используйте angular bootstrap.

Для подключение стилей вам нужно минимум 2 лоадера css-loader и style-loader. Ссылки на гайд из доков.
Я себя умным не считаю, поэтому иногда смотрю скринкасты по сложным инструментам. Вот скринкаст от Кантора, который подробно рассказывает как работать с вебпаком, там есть и ролик про то как подключить стили и работать с ними.

READ ALSO
Не могу добавить bootstrap-иконку

Не могу добавить bootstrap-иконку

Хочу сделать таблицу с различными иконками в каждой страницеНе получается подсунуть эти эконки, они вообще не отображаются

463
Stringgrid, откат предыдущего действия (С++ Builder 6.0) [требует правки]

Stringgrid, откат предыдущего действия (С++ Builder 6.0) [требует правки]

Есть элемент stringgrid в который я вношу данные, могу добавлять, изменять через отдельные формы и результат сохраняется в stringgridНеобходимо сделать...

351