{"id":369157,"date":"2023-03-03T11:02:36","date_gmt":"2023-03-03T11:02:36","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=369157"},"modified":"2025-04-29T12:26:50","modified_gmt":"2025-04-29T12:26:50","slug":"minify-js-css-in-woocommerce-plugin-development-using-gulp","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/","title":{"rendered":"Minify Js\/Css in WooCommerce Plugin development using Gulp"},"content":{"rendered":"\n<p>Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing a <a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\" target=\"_blank\" rel=\"noreferrer noopener\">Woocommerce plugin<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Why do we need to minify our Javascript or CSS file..?<\/h3>\n<\/div><\/div>\n\n\n\n<p>Minification, also known as minimization, is the process of\u00a0removing all unnecessary characters from source code without altering its functionality. <\/p>\n\n\n\n<p>This includes the removal of whitespace, comments, and semicolons, along with the use of shorter variable names and functions. It is important to minify your CSS and minimize JavaScript files so they can load faster on your web pages.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Why do we need to use gulp..?<\/h3>\n<\/div><\/div>\n\n\n\n<p>So gulp is a very powerful tool that allows you to minified your javascript or CSS file while developing. <\/p>\n\n\n\n<p>There is no need to write your code first and then go to another website or tool and then convert them one by one, that is a very lengthy process.<\/p>\n\n\n\n<p>So gulp is allowing here to convert your normal file into a minified file while writing the code. you just need to write the code and save it will automatically be converted. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Step to configure gulp in your project.<\/h3>\n<\/div><\/div>\n\n\n\n<p>First of all, you must install the node and npm package manager. you can install it from <a href=\"https:\/\/nodejs.org\/en\/\">here.<\/a><\/p>\n\n\n\n<p>You can verify node and npm are installed successfully on your system by running this command.<\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-black-color\"><code>node -v, and npm -v<\/code><\/mark><\/p>\n\n\n\n<p>You can install gulp by using below mentioned command.<\/p>\n\n\n\n<p><code>npm install gulp --save-dev<\/code><\/p>\n\n\n\n<p>After running this command you can see the <strong>node_modules<\/strong> folder and <strong>package.json<\/strong> and <strong>package-lock.json files<\/strong> will be created in your root folder.<\/p>\n\n\n\n<p>Now you can install some other gulp package to achieve the task by running below mentioned command.<\/p>\n\n\n\n<p><code>npm install gulp-less gulp-rename gulp-minify gulp-clean-css --save-dev<\/code><\/p>\n\n\n\n<p>Also, you can check your package.json file all dependencies are added there.<\/p>\n\n\n\n<p>Now create the <strong>gulpfile.js<\/strong> in your root folder.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">var less = require(&#039;gulp-less&#039;);\nvar gulp = require(&#039;gulp&#039;);\nvar minify = require(&#039;gulp-minify&#039;);\nvar cleanCSS = require(&#039;gulp-clean-css&#039;);\nvar rename = require(&#039;gulp-rename&#039;);\nvar path = &#039;wp-content\/plugins&#039;;\nconst themeName = path + &#039;\/webkul\/&#039;;\n\nfunction minifyJs(){\n    return (gulp.src(themeName + &#039;assets\/js\/*.js&#039;)\n    .pipe(minify())\n    .pipe(gulp.dest(themeName + &#039;assets\/js\/min&#039;)));\n}\n\nfunction minifyCss(){\n    return gulp.src(themeName + &#039;assets\/css\/*.css&#039;)\n    .pipe(cleanCSS({compatibility: &#039;ie8&#039;}))\n    .pipe(rename({\n        basename :&#039;style&#039;\n    }))\n    .pipe(gulp.dest(themeName + &#039;assets\/css\/min&#039;));\n}\n\nfunction complieCss(){\n    return (gulp.src(themeName + &#039;assets\/less\/*.less&#039;)\n    .pipe(less())\n    .pipe(gulp.dest(themeName + &#039;assets\/css\/&#039;)));\n}\n\nfunction watchFiles(){\n    gulp.watch(themeName + &#039;assets\/js\/*.js&#039;, minifyJs);\n    gulp.watch(themeName + &#039;assets\/css\/*.css&#039;, complieCss);\n    gulp.watch(themeName + &#039;assets\/css\/*.css&#039;, minifyCss);\n}\n\nvar watch = gulp.parallel( watchFiles );\nexports.minifyJs = minifyJs;\nexports.watchFiles = watchFiles;\nexports.minifyCss = minifyCss;\nexports.complieCss = complieCss;\n\nexports.default = watch;<\/pre>\n\n\n\n<p>You can manage the file path according to your requirement. <\/p>\n\n\n\n<p>By using the command gulp, you can observe that gulp watchers have been launched.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"983\" height=\"121\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png\" alt=\"Gulp\" class=\"wp-image-371643\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png 983w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp-300x37.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp-250x31.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp-768x95.png 768w\" sizes=\"(max-width: 983px) 100vw, 983px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To minify js, less, or css files, use the gulp command rather than any other tools; your file will be automatically minified when you save it.<\/p>\n\n\n\n<p>You can see the directories structures below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/GulpStructure.png\" alt=\"Gulp Directory Structure\" class=\"wp-image-371645\" width=\"818\" height=\"599\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/GulpStructure.png 520w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/GulpStructure-300x220.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/GulpStructure-250x183.png 250w\" sizes=\"(max-width: 818px) 100vw, 818px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Hope you like this article, Will meet you again with a new topic :). Also, visit our quality <a href=\"https:\/\/store.webkul.com\/woocommerce-plugins.html\">woocommerce extensions<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing a Woocommerce plugin. Minification, also known as minimization, is the process of\u00a0removing all unnecessary characters from source code without altering its functionality. This includes the removal of whitespace, comments, and semicolons, along with <a href=\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":222,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78,3313,198,7966,1260],"tags":[],"class_list":["post-369157","post","type-post","status-publish","format-standard","hentry","category-css3","category-gulp","category-javascript","category-wordpress-woocommerce","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Minify Js\/Css in WooCommerce Plugin development using Gulp - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing Woocommerce plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Minify Js\/Css in WooCommerce Plugin development using Gulp - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing Woocommerce plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-03T11:02:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-29T12:26:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png\" \/>\n<meta name=\"author\" content=\"Akhilesh Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Akhilesh Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\"},\"author\":{\"name\":\"Akhilesh Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f3c6faccc651392ee113400a2f5d0704\"},\"headline\":\"Minify Js\/Css in WooCommerce Plugin development using Gulp\",\"datePublished\":\"2023-03-03T11:02:36+00:00\",\"dateModified\":\"2025-04-29T12:26:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\"},\"wordCount\":382,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png\",\"articleSection\":[\"CSS3\",\"Gulp\",\"JavaScript\",\"WooCommerce\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\",\"url\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\",\"name\":\"Minify Js\/Css in WooCommerce Plugin development using Gulp - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png\",\"datePublished\":\"2023-03-03T11:02:36+00:00\",\"dateModified\":\"2025-04-29T12:26:50+00:00\",\"description\":\"Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing Woocommerce plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png\",\"width\":983,\"height\":121,\"caption\":\"Gulp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minify Js\/Css in WooCommerce Plugin development using Gulp\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f3c6faccc651392ee113400a2f5d0704\",\"name\":\"Akhilesh Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Akhilesh Kumar\"},\"description\":\"Akhilesh Kumar is a seasoned professional with 5 years of expertise in WordPress WooCommerce module development, marketplace development, and API development. With a strong foundation in e-commerce technologies, Akhilesh excels in crafting robust solutions to meet diverse business needs, driving success in online retail venture\",\"url\":\"https:\/\/webkul.com\/blog\/author\/akhileshkumar-oc765\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Minify Js\/Css in WooCommerce Plugin development using Gulp - Webkul Blog","description":"Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing Woocommerce plugin.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/","og_locale":"en_US","og_type":"article","og_title":"Minify Js\/Css in WooCommerce Plugin development using Gulp - Webkul Blog","og_description":"Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing Woocommerce plugin.","og_url":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-03-03T11:02:36+00:00","article_modified_time":"2025-04-29T12:26:50+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png","type":"","width":"","height":""}],"author":"Akhilesh Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Akhilesh Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/"},"author":{"name":"Akhilesh Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f3c6faccc651392ee113400a2f5d0704"},"headline":"Minify Js\/Css in WooCommerce Plugin development using Gulp","datePublished":"2023-03-03T11:02:36+00:00","dateModified":"2025-04-29T12:26:50+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/"},"wordCount":382,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png","articleSection":["CSS3","Gulp","JavaScript","WooCommerce","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/","url":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/","name":"Minify Js\/Css in WooCommerce Plugin development using Gulp - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png","datePublished":"2023-03-03T11:02:36+00:00","dateModified":"2025-04-29T12:26:50+00:00","description":"Today we will learn how to convert js or less CSS into minified js or normal CSS or minified CSS while developing Woocommerce plugin.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/Gulp.png","width":983,"height":121,"caption":"Gulp"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/minify-js-css-in-woocommerce-plugin-development-using-gulp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Minify Js\/Css in WooCommerce Plugin development using Gulp"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f3c6faccc651392ee113400a2f5d0704","name":"Akhilesh Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a488fc7f6a8850e8b8b9585469192b125f44d289c60009655cb84d15153c21ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Akhilesh Kumar"},"description":"Akhilesh Kumar is a seasoned professional with 5 years of expertise in WordPress WooCommerce module development, marketplace development, and API development. With a strong foundation in e-commerce technologies, Akhilesh excels in crafting robust solutions to meet diverse business needs, driving success in online retail venture","url":"https:\/\/webkul.com\/blog\/author\/akhileshkumar-oc765\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/369157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/222"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=369157"}],"version-history":[{"count":20,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/369157\/revisions"}],"predecessor-version":[{"id":490473,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/369157\/revisions\/490473"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=369157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=369157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=369157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}