Использование загрузочного лотка в файле grunt

Question

В настоящее время я разрабатываю веб-приложение с использованием узла/npm и grunt. Я новичок в веб-разработке и получаю развитие Java. Это как структура моего прототипа выглядит следующим образом:

prototype 
|--app 
    |--index.html 
    |--index.js 
|--dist 
    |--index.html 
    |--index.js 
|--lib (currently empty) 
|--Gruntfile.js 
|--package.json 

Я планирую на развитие со следующей структурой: Мой код будет модульной помощью NPM модулей в папке lib. Они будут включены в index.js. Файлы index.html и index.js в папке app будут созданы для браузера с использованием grunt-browserify и grunt-contrib-copy; результаты будут помещены в папку dist. Я также планирую использовать бутстрап.

В стартовом руководстве по загрузке написано (source), grunt dist будет регенерировать папку dist с включенным бутстрапом.

Мой первый вопрос: как это происходит? Думаю, вы должны где-то разместить загрузочные папки. Или мне нужно установить пакет, связанный с загрузкой? Вкратце: как хрюкать «знать о» бутстрап?

Мой второй вопрос: как я мог включить этот процесс в свой файл grunt? Прямо сейчас мой gruntfile использует браузер для просмотра index.js и копирования для копирования index.html. Они зарегистрированы на цели (это правильный срок?) default: grunt.registerTask('default', ['browserify', 'copy', ]);. Я хотел бы изменить этот гол, добавив макет начальной загрузки, который происходит в grunt dist.

Любая помощь очень ценится!

Answer 1

Цель, на которую вы ссылаетесь, находится в bootstraps условиях сборки. Вы можете скачать его с помощью npm install bootstrap@3. Цель grunt dist, к которой они относятся, также содержится в загруженном узле_модулей \ bootstrap \ Gruntfile.js и используется для компиляции самого загрузочного файла для распространения.

grunt.registerTask('dist', ['clean:dist', 'dist-css', 'copy:fonts', 'dist-js']); 

расстояние мишень использует несколько хрюкать модули, такие как grunt-contrib-htmlmin и grunt-contrib-cssmin и не все могут быть желательны в вашей установке. Я бы предложил взглянуть на этот файл, и каждая из названных целей и модули использовались для получения дополнительных указаний о том, как действовать.

Если вы просто хотите использовать bootstrap в своем проекте, вы можете загрузить уже скомпилированную и миниатюруную библиотеку here и просто добавить их в свой проект.