Yeoman
Вот уже как пару недель юзаю данную систему для отладки веб-приложений – преимущественно фронтендов.. Причем как и для верстки обычных шаблонов bootstrap с последующим билдом и адаптации под CMS, так и angular 2..
Yeoman состоит из bower (мнеджер пакетов для веб-дева), gulp (система сборки и веб-сервер для отладки) и скрипты-генераторы темплейтов..
Скрипты темплейтов начинаются с префекса generator, например поставим генераторы angular (первый) и простой webapp
npm install --global generator-angular generator-webapp
Для начала нового проекта достаточно создать новую директорию в директории где хранятся проекты (у меня projects) и дать команду
yo webapp
После этого из темплейта webapp создатся новый проект bootstrap. Можно например добавить библиотеку jquery календаря для bootstrap и добавить эту библиотеку в зависимости проекта:
bower install --save eonasdan-bootstrap-datetimepicker
Все изменения в проекте следут производить в директории app/ причем при сохранение новых изменений в браузере будет обновлена страница.
запуск тестового веб сервера:
gulp serve
сделать build
gulp build
Релиз проекта собирается в dist/, все страницы, минифицированные скрипты и css файлы.. По умолчанию так же минифицируется html, но так как этот шаблон еще предстоит адаптировать под CMS, то отменяем минификацию:
gulpfile.js
gulp.task('html', ['styles', 'scripts'], () => {<br></br>
return gulp.src('app/*.html')<br></br>
.pipe($.useref({searchPath: ['.tmp', 'app', '.']}))<br></br>
.pipe($.if('*.js', $.uglify()))<br></br>
.pipe($.if('*.css', $.cssnano({safe: true, autoprefixer: false})))<br></br>
.pipe($.if('*.html', $.htmlmin({<strong>collapseWhitespace: false</strong>})))<br></br>
.pipe(gulp.dest('dist'));<br></br>
});```
меняем collapseWhitespace: true на false
И да, везьде написано, что yeoman юзает grunt, но а вообще gulp.. Так что не надо этому верить.. ) Например в официальном мане везде grunt – http://yeoman.io/codelab/install-packages.html В первый день пришлось потратить некоторое время чтобы разобраться с этим..
Вообще yeoman очень удобен и сокращает время на разработку шаблонов и веб-приложений..
Subscribe to Somewhere Nowhere
Get the latest posts delivered right to your inbox