Я пытаюсь активировать свою игру, насколько это касается структуры папок и рабочего процесса. Недавно я обнаружил, что управление пакетами на передней панели и автоматизация задач являются ключевыми для улучшения скорости, уменьшения времени разработки, уменьшения размера файла и увеличения прибыли.Разработка Workflow - Bootstrap (Less), Bower and Grunt
Моя проблема заключается в том, что я не уверен, какой лучший способ использования этих инструментов. У меня есть папка с сборками, в которую входит папка dev и prod. Мои компоненты находятся за пределами этой папки в папке bower_components.
Обычно я настраиваю бутстрап и пользуюсь его файлами переменных и микшинами. Я скопировал файл bootstrap.less и файл variables.less и поместил их в builds-> dev-> less. Затем я получаю компромисс с использованием файла bootstrap.less из этого нового каталога.
Это лучший способ использовать загрузку и меньше файлов в этой настройке? Я хочу использовать bower из-за его мощности, но я также хочу сохранить возможности настройки бутстрапа, и это меньше файлов.
Что вы, ребята, думаете?
NB: Я обычно заказываю темы для брошюр и очень маленьких приложений.
вам не нужно копировать bootstrap.less и variables.less. Меньше использует ленивую загрузку и последнюю декларацию выигрышей для переменных, поэтому впоследствии они могут поместить свое определение в (re) их назначение. Создайте файл project.less, который '@ import' bootstrap.less из вашей папки bower и помещает ваши собственные назначения переменных, mixins и код после '@ import' –
Привет, спасибо за ответ. Я думаю, что вы неправильно поняли меня, или я неправильно понял ваш ответ. Файл bootstrap.less и переменные.less - это bootstrap. Я редактирую файл переменных bootstrap без изменений, чтобы сделать вещи намного проще при разработке. Итак, вы говорите, что я должен скопировать файл переменных без загрузки в мою папку LESS. Создайте файл project.less рядом с ним. Затем в этом файле project.less импортируйте bootstrap.less из папки bower и импортируйте файл vairables.less из моей папки LESS? Кажется, это не так важно? Не могли бы вы прояснить? Благодарю. – Developer1
Nope. Ваша меньшая папка должна содержать только (новый) файл проекта. Это выглядит так: '@import" ../bower_components/bootstrap.less "; @ бренд-первичный: желтый; '. Таким образом, вам не нужно менять файлы Bootstrap. Только файл проекта (re) объявляет переменную, которую вы должны изменить. –