Настройка Bootstrap установлена ​​с НПМ

Question

Я использую Webpack требовать Bootstrap, поэтому я установить загрузчик от НПМ, но я также хочу, чтобы настроить Bootstrap от «variables.less» Modify, это вызывает проблемы, в следующий раз Я обновляю Bootstrap от npm, моя модификация ушла, поэтому что мне делать?

Answer 1

Вы можете легко переписать LESS-переменные в свой собственный файл вне Bootstrap. Пока вы @import файл с переменной Bootstrap перезаписывается после того, как вы @import все файлы Bootstrap LESS, все будет в порядке.

Answer 2

Опираясь на Shane's answer, я сделал это так:

• скопировать node_modules/bootstrap/less/bootstrap.less в boostrap-custom.less
• место, что файл в исходном дереве, например src/style/bootstrap-custom.less
• в файле, создать переменную что указывает на источники less bootstrap (тот, который находится под node_modules), и выполните поиск/замену всех существующих директив @import, чтобы указать правильный путь (см. пример belo ж). Настройте по мере необходимости.
• require/import, что файл, где это необходимо: import './style/bootstrap-custom.less';

Пример (адаптируются относительный путь, закомментировать ненужные модули, сделать ваши настройки и т.д.):

/* Custom Bootstrap composer */ 

@BS: "../../node_modules/bootstrap/less"; 

// Core variables and mixins 
@import "@{BS}/variables.less"; 
@import "@{BS}/mixins.less"; 

// Reset and dependencies 
@import "@{BS}/normalize.less"; 
@import "@{BS}/print.less"; 
// Disabling glyphicons for [reasons] 
//@import "@{BS}/glyphicons.less"; 
[...] 

Variable интерполяция в @import заявлений было implemented in Less 1.4.0 , поэтому в настоящее время его нужно поддерживать повсюду.

Это должно выжить (незначительные) обновления для бутстрапа. Конечно, если они сильно меняют основной файл .less, вам может потребоваться его адаптация или повторное использование.