Hack UI5 Libraries with Grunt (2018)

Опубликовано: 30 Октябрь 2024
на канале: UI5 Community Network

798

GitHub: https://github.com/gruntjs/grunt-cli

Last Webinar Part 1: http://www.ui5cn.com/pages/hack-the-u...

GruntJS: https://gruntjs.com/

Grunt is a powerful JavaScript task runner. Simply 'Automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort.

Know how UI5 libraries are built using Grunt and see the minification, compilation, unit testing, linting, etc. Hands-on in our live webinar

0:36 - Introduction

2:02 - What is Grunt?

3:42 - Plugins Overview

4:57 - Previous Webinar on Hack UI5 Libraries

5:30 - Why Grunt?

8:00 - A Simple Walkthrough of this Webinar

8:46 - Setting up the Environment

10:25 - Grunt Command Lines

14:43 - Check 16:30 for Grunt-openUI5

16:30 - Grunt-openui5

18:14 - Installing dependencies

19:03 - Create a package.json

20:53 - Adding Dependencies

23:07 - Installing Grunt

25:50 - Installing grunt-openui5

28:15 - Creating the gruntfile.js

30:30 - Initialise the configuration file

31:44 - Adding Resources

34:12 - Minification of code using UglifyJS

37:43 - Running the code

39:41 - Testing how minification increases the performance

41:13 - Grunt Allows to combine multiple CSS Files

42:30 - Register Task Method

44:26 - How grunt used in production and Development

45:49 - Grunt plug-ins