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
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
Avatar for oracle4engineer oracle4engineer
PRO
2
14k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.3k
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
410
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
Avatar for Yudai Jinno yuu551
0
230
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
Avatar for 小笠原理久 riku_423
2
570
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
1
140
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
200
Greatest Disaster Hits in Web Performance
Avatar for Estela Franco guaca
0
230
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
190
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.4k
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.5k

Featured

See All Featured
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Design in an AI World
Avatar for tapps tapps
0
140
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
48
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
55
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
71k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
310
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k

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