{"id":24819,"date":"2015-08-01T22:36:14","date_gmt":"2015-08-01T17:06:14","guid":{"rendered":"https:\/\/tothenewco.pro\/blog\/?p=24819"},"modified":"2015-08-03T11:21:38","modified_gmt":"2015-08-03T05:51:38","slug":"how-to-use-grunt-in-existing-project","status":"publish","type":"post","link":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/","title":{"rendered":"How to use Grunt in existing project"},"content":{"rendered":"<p>I am very glad to <a title=\"Getting Started with Grunt\" href=\"https:\/\/tothenewco.pro\/blog\/getting-started-with-grunt\/\">explain about the Grunt<\/a>, because i feel it makes my life easy.<\/p>\n<p>Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development.<\/p>\n<p>In this context, grunt is very helpful for everyone.<\/p>\n<p>So, a basic question is &#8220;What is Grunt?&#8221;<\/p>\n<p>It is a task runner. Through which you can automate your most repetitive tasks.<\/p>\n<p>For using grunt, first of all you have to install grunt-cli ( It would be more helpful if you installed grunt-cli globally in your system ). npm install -g grunt-cli<br \/>\nNote: If you don&#8217;t want to install grunt globally remove -g from given command.<\/p>\n<p>A basic example of Grunt:<\/p>\n<p>Follow these steps to configure Grunt in existing project<br \/>\n1. Install grunt ( run following command from project root directory)<\/p>\n<p>npm install -S grunt<\/p>\n<p>2. create Gruntfile.js in root directory<br \/>\n3. Write following code inside the Gruntfile.js<br \/>\nmodule.exports = function (grunt){<\/p>\n<p>grunt.registerTask(&#8216;singing&#8217;, function () {<br \/>\nconsole.log(&#8216;I am Singing&#8217;);<br \/>\n});<\/p>\n<p>grunt.registerTask(&#8216;dancing&#8217;,function(){<br \/>\nconsole.log(&#8216;I am dancing&#8217;);<br \/>\n});<\/p>\n<p>grunt.registerTask(&#8216;default&#8217;,function(){<br \/>\nconsole.log(&#8216;I am acting&#8217;);<br \/>\n});<\/p>\n<p>grunt.registerTask(&#8216;both&#8217;,[&#8216;singing&#8217;,&#8217;dancing&#8217;]);<br \/>\n}<\/p>\n<p>4. Run following command and examine the output<br \/>\ngrunt singing<br \/>\ngrunt dancing<br \/>\ngrunt both<br \/>\ngrunt<\/p>\n<p>For Reference: https:\/\/github.com\/SatyamChaudhary8891\/grunttutorial-grunt-1<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is &#8220;What is Grunt?&#8221; It [&hellip;]<\/p>\n","protected":false},"author":122,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":4,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-24819","post","type-post","status-publish","format-standard","hentry","category-technology"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is &quot;What is Grunt?&quot; It\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Satyam Chaudhary\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"How to use Grunt in existing project | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is &quot;What is Grunt?&quot; It\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How to use Grunt in existing project | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is &quot;What is Grunt?&quot; It\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#article\",\"name\":\"How to use Grunt in existing project | TO THE NEW Blog\",\"headline\":\"How to use Grunt in existing project\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/satyam-chaudhary\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"datePublished\":\"2015-08-01T22:36:14+05:30\",\"dateModified\":\"2015-08-03T11:21:38+05:30\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#webpage\"},\"articleSection\":\"Technology\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#listItem\",\"name\":\"How to use Grunt in existing project\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#listItem\",\"position\":3,\"name\":\"How to use Grunt in existing project\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/satyam-chaudhary\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/satyam-chaudhary\\\/\",\"name\":\"Satyam Chaudhary\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2fdc74f8c88ad005b996e22f7b6ad4f6d889265d69318d8d4e67f3b825e5ea2d?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Satyam Chaudhary\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/\",\"name\":\"How to use Grunt in existing project | TO THE NEW Blog\",\"description\":\"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is \\\"What is Grunt?\\\" It\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/how-to-use-grunt-in-existing-project\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/satyam-chaudhary\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/satyam-chaudhary\\\/#author\"},\"datePublished\":\"2015-08-01T22:36:14+05:30\",\"dateModified\":\"2015-08-03T11:21:38+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"How to use Grunt in existing project | TO THE NEW Blog","description":"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is \"What is Grunt?\" It","canonical_url":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#article","name":"How to use Grunt in existing project | TO THE NEW Blog","headline":"How to use Grunt in existing project","author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/satyam-chaudhary\/#author"},"publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"},"datePublished":"2015-08-01T22:36:14+05:30","dateModified":"2015-08-03T11:21:38+05:30","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#webpage"},"isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#webpage"},"articleSection":"Technology"},{"@type":"BreadcrumbList","@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","position":1,"name":"Home","item":"https:\/\/tothenewco.pro\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/tothenewco.pro\/blog\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#listItem","name":"How to use Grunt in existing project"},"previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#listItem","position":3,"name":"How to use Grunt in existing project","previousItem":{"@type":"ListItem","@id":"https:\/\/tothenewco.pro\/blog\/category\/technology\/#listItem","name":"Technology"}}]},{"@type":"Organization","@id":"https:\/\/tothenewco.pro\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/tothenewco.pro\/blog\/"},{"@type":"Person","@id":"https:\/\/tothenewco.pro\/blog\/author\/satyam-chaudhary\/#author","url":"https:\/\/tothenewco.pro\/blog\/author\/satyam-chaudhary\/","name":"Satyam Chaudhary","image":{"@type":"ImageObject","@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/2fdc74f8c88ad005b996e22f7b6ad4f6d889265d69318d8d4e67f3b825e5ea2d?s=96&d=mm&r=g","width":96,"height":96,"caption":"Satyam Chaudhary"}},{"@type":"WebPage","@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#webpage","url":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/","name":"How to use Grunt in existing project | TO THE NEW Blog","description":"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is \"What is Grunt?\" It","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/tothenewco.pro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/#breadcrumblist"},"author":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/satyam-chaudhary\/#author"},"creator":{"@id":"https:\/\/tothenewco.pro\/blog\/author\/satyam-chaudhary\/#author"},"datePublished":"2015-08-01T22:36:14+05:30","dateModified":"2015-08-03T11:21:38+05:30"},{"@type":"WebSite","@id":"https:\/\/tothenewco.pro\/blog\/#website","url":"https:\/\/tothenewco.pro\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/tothenewco.pro\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"How to use Grunt in existing project | TO THE NEW Blog","og:description":"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is &quot;What is Grunt?&quot; It","og:url":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/","og:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"How to use Grunt in existing project | TO THE NEW Blog","twitter:description":"I am very glad to explain about the Grunt, because i feel it makes my life easy. Always keep in mind, use your valuable time in creative activities, not in repetitive and boring tasks in web development. In this context, grunt is very helpful for everyone. So, a basic question is &quot;What is Grunt?&quot; It","twitter:image":"https:\/\/tothenewco.pro\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"24819","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"blog","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2021-04-29 12:33:15","updated":"2024-02-29 08:39:21","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/tothenewco.pro\/blog\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tHow to use Grunt in existing project\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/tothenewco.pro\/blog"},{"label":"Technology","link":"https:\/\/tothenewco.pro\/blog\/category\/technology\/"},{"label":"How to use Grunt in existing project","link":"https:\/\/tothenewco.pro\/blog\/how-to-use-grunt-in-existing-project\/"}],"_links":{"self":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/24819","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/comments?post=24819"}],"version-history":[{"count":0,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/posts\/24819\/revisions"}],"wp:attachment":[{"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/media?parent=24819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/categories?post=24819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tothenewco.pro\/blog\/wp-json\/wp\/v2\/tags?post=24819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}