"excludePatterns ": ".map, Prepros Build, config.rb, prepros.cfg, node_modules. "autoprefixerBrowsers ": "last 4 versions ", "excludePatterns ": "Prepros Build, node_modules. ![]() "watchedFileExtensions ": "less, sass, scss, styl, md, markdown, coffee, js, jade, haml, slim, ls, html,htm, css, rb, php, asp, aspx, cfm, chm, cms, do, erb, jsp, mhtml, mspx, pl, py, shtml, cshtml, cs,vb, vbs, tpl, ctp, kit, png, jpg, jpeg ", "name ": "04 - How to build a responsive website from scratch ", Please do not edit this file, doing so can crash Prepros. The problems I found with any javascript task runner is initially set up took time secondly the speed varies on different operating system i.e it is fast in mac and ubuntu while slow in windows.Īt last I can say one thing grunt can’t solve all the problem but it worth to check any javascript task runner at least one."About This File ": "This is Prepros config file. Grunt has many benefits like improved efficiency, productivity, and reduction of multiple software for workflow, even some new frameworks or plugins wants javascript task runner for their installation. What is Prepros It is an interface tool which handles pre-processing, and other front-end tasks. Grunt.registerTask: Only those task will run that are specified in that function. Grunt.loadNpmTasks: This function load the tasks from specified plugin in package.json installed via npm. Pkg : By this we tell the grunt the plugin we are using are defined in package.json file. (npm install grunt-contrib-watch –save-dev)įor this you have to create a gruntfile.js like thisĭifferent plugins we initialize in the grunt file may have different ways to initialize and may have different options.įew things that are must in a grunt file are: Grunt-contrib-watch – it watches the changes and runt grunt on each change (npm install grunt-contrib-uglify –save-dev) Unity, Unreal Engine, and with web apps like Prepros, Adobe Brackets. “grunt-contrib-uglify” – for formation of js, Backend Programming - JavaScript isnt the only language that can server HTTP. (npm install grunt-contrib-less –save-dev) Grunt-contrib-preprocessor – for preprocessor compilation depends on preprocessor (npm install grunt-contrib-htmlmin –save-dev) (npm install grunt-browser-sync –save-dev)ģ.grunt-contrib-htmlmin – minifying html. There are lot of modules that are important for a front end developers i am naming some them and their installation command.Īutoprefixer – it add prefixes to CSS properties (npm install grunt-autoprefixer –save-dev)Ģ.grunt-browser-sync – reload the browser on each saved changes in project on all browsers. By this way you can install multiple plugin at the same time. Mentioning the plugin details in package.json and running npm install command in cmd. There are two ways to install a node module.īy typing the respective command for the module or plugin. Important node modules or plugins and Installing them Test your grunt by typing command grunt –version and you must get the version of grunt and grunt cli installed. GitHub - Subash/Prepros: Compile almost any preprocessing language with live browser refresh. Install Grunt in the project you are working by typing npm install grunt –save-dev Compile almost any preprocessing language with live browser refresh. Install Grunt CLI(command line interface) by typing command npm install -g grunt-cli in cmd in your project. Or just create 1 new one by command npm init. Set up a new package.json file in your project and add value something like This must give you the version of node installed. Test npm by opening cmd and type write npm -v. ![]() Test node by opening cmd(command prompt) and write node -v. To install grunt one need to install and npm first It can help to do repetitive task like minification, compilation, compression, auto reload etc. Grunt is a task runner that can improve the speed of front end development. One option is google and install different softwares for that or another option is using GRUNT. Now there are some preprocessors or templating language or operating system that these software editors doesn’t support then what will you do. some of them support windows or some mac.įor image compressor we have punypng or other software and for auto update we can use some editors like brackets visual studio etc. Now for compiling, minifying a preprocessor you will need some paid or free softwares like prepros, koala, codekit etc. Switching and reloading browser for changes. Front end developers or UI developers often do certain kind of things like:Ĭhanging small codes of CSS and JS and combine them for production.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |