Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grunt — Advanced Tips

Avatar for Nikita Bayev Nikita Bayev
January 09, 2014
Technology
1
110

Grunt — Advanced Tips

Презентация про умное использование grunt для разработчиков и гостей Choco Family @ ChocoDev Day

Avatar for Nikita Bayev

Nikita Bayev

January 09, 2014
Tweet

More Decks by Nikita Bayev

See All by Nikita Bayev
Web Performance в Казнете
Avatar for Nikita Bayev drugoi
0
53

Other Decks in Technology

See All in Technology
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
130
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.8k
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
180
20260204_Midosuji_Tech
Avatar for Takuya Yonezawa takuyay0ne
1
150
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
410
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
390
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
240
StrandsとNeptuneを使ってナレッジグラフを構築する
Avatar for やくも yakumo
1
110
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
130
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
440
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
370
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
530

Featured

See All Featured
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k

Transcript

  1. GRUNT — ADVANCED TIPS Nikita Bayev Front-end developer @ Chocomart.kz

    ! !1

  2. gruntjs.com

  3. nodejs.org

  4. > grunt

  5. !5

  6. !6 Оптимизация Автоматизация Минификация Генерация

  7. !7 Autoprefixer imgo Borschik banner concurrent

  8. !8

  9. !9 Autoprefixer grunt.loadNpmTasks(‘grunt-autoprefixer'); Чистка кода Добавление нужны вендорных префиксов Удаление

    устаревших ненужных вендорных префиксов Используется база данных caniuse.com Умеет работать с препроцессорами и source maps

  10. !10 Конфигурация grunt-autoprefixer

  11. !11 И это все?

  12. !12 Добавим немного опций

  13. !13 Добавим немного опций

  14. !14 borschik grunt.loadNpmTasks('grunt-borschik'); Сборка статичных файлов “Умная” минификация CSS и

    JS

  15. !15 Конфигурация borschik

  16. !16 imgo grunt.loadNpmTasks('grunt-imgo'); Оптимизация изображений

  17. !17

  18. !18 Создаем задачу imgo

  19. !19 grunt.loadNpmTasks('grunt-concurrent'); Асинхронный запуск тасков

  20. !20 Конфигурация grunt-concurrent

  21. !21 Что еще? grunt-remove-logging — удаление console.log() grunt-dploy — помощь

    в деплое на дев/продакшн сервера grunt-contrib-imagemin — оптимизация изображений grunt-dev-update — обновление npm-зависимостей И еще много всего на github.com и gruntjs.com

  22. !22 Спасибо за внимание twitter.com/Nikita_Bayev | github.com/drugoi