![]() ![]() We can achieve this with yargs by passing –flag in command line. Minification reduces file size but it’s not suitable for development so we need a way to differentiate development environment from production. ![]() For minification purpose we’ll use gulp-minify-css. While converting SCSS file into CSS it would be nice to minify it at the same time and also do some additional stuff so we don’t need to create more Gulp tasks but do all in one. This task converts SCSS files into CSS which are readable for browser. Gulp-sass, gulp-minify-css, yargs, gulp-rename and gulp-ifįor now gulpfile.js contains only gulp-sass task which came with Ionic template by default. To simplify gulpfile.js we’ll define paths for all files we’ll be dealing with so once we change project folder structure this is the only place to make changes in order to Gulp continue work properly. In this section we’ll discuss which Gulp tasks are helpful to bring out the best from performance from Ionic mobile application. Today everyone knows what Gulp is and what could be achieved with it. Ionic copy an app and rename it code#Now it’s time to minimize and bundle all code we have written so far so we could ship it to the browser as faster as it can. For this purpose we’ll use Gulp. Organize AngularJS code (2/4 steps to properly set mobile app project using Ionic framework).Blank Ionic mobile project setup (1/4 steps to properly set mobile app project using Ionic framework).Four steps to properly set mobile app project using Ionic framework – Introduction.If you are new with this topic, check previously published posts: Last time we were talking about organising Angular code and making maintainable and modular JavaScript file structure. ![]() Welcome back to blog series about organising Ionic mobile project. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |