Minificator allows you to quickly minify your files (Images, HTML, CSS, Javascript)

Overview

ᗰIᑎIᖴIᑕᗩTOᖇ


forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge

Grunt JSON Javascript Git Gitub NPM

~ Demo ~

📌 Description

Minification is the process of removing unnecessary elements and rewriting code to reduce file size. These are usually webpage resources, such as HTML, CSS, and JavaScript files or even Images. Reducing the size of web resources allows files to be transferred faster, which makes web pages load faster.

Minificator allows you to minify and compress multiple files automatically, this package is based on task runner grunt, currently minificator supports the following files:

  • Any Image file with extension .png .jpg .svg .gif
  • Any HTML file
  • Any CSS file
  • Any Javascript file

Here are the benefits of using Minificator:

  • You can use it on any project
  • Easy to use, all tasks are preconfigured, just type easy to remember commands to start minituarization
  • You no longer need to use a web application or other similar software
  • Minificator is isolated in a working folder of its own, which means if you use another gruntfile, it's not a problem

📌 Install & Update

You can install Minificator with NPM:

npm i @raja_rakoto/minificator

If you already have Minificator in your project and just want to update it, run the following command:

npm update @raja_rakoto/minificator && rm -r minificator && grunt --gruntfile node_modules/@raja_rakoto/minificator/minificator.js minificator-init

WARNING: All files contained in the "minificator" directory will be deleted after the update, so remember to make a backup before starting an update

📌 Init

After installation, you need to initialize Minificator in your project root directory to use it, run the command below:

grunt --gruntfile node_modules/@raja_rakoto/minificator/minificator.js minificator-init

NOTE: You cannot initialize if the "minificator" directory is already present in your project, please delete it before starting the initialization

📌 Use

After initialization, you need to go to the newly generated minificator folder and type grunt in your console to see all executable commands

Just copy the files to be minified in the directory input/images for images or input/scripts for javascript file and so on ...

NOTE: Since version 1.1.x of minificator, there is no more "images, html, css, scripts" sub-directory in input or output, just copy them in the input directory so that minificator can minify all files

Then run the minification command, for example:

grunt minificator-js

Finally, the minifier files are in output directory

🅴🅽🅹🅾🆈

You might also like...

✨ A command-line interface for quickly sharing code snippets of your local files

✨ A command-line interface for quickly sharing code snippets of your local files

🦄 snipli ✨ A command-line interface for quickly sharing code snippets for your local files Usage Commands Usage $ npm install -g snipli $ snipli COMM

Nov 3, 2022

✨ A command-line interface for quickly sharing code snippets of your local files

✨ A command-line interface for quickly sharing code snippets of your local files

🦄 snipli ✨ A command-line interface for quickly sharing code snippets for your local files Usage Commands Usage $ npm install -g snipli $ snipli COMM

May 11, 2022

Easiest 1-click way to install and use Stable Diffusion on your own computer. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.

Easiest 1-click way to install and use Stable Diffusion on your own computer. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.

Stable Diffusion UI Easiest way to install and use Stable Diffusion on your own computer. No dependencies or technical knowledge required. 1-click ins

Dec 30, 2022

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built with HTML, CSS, JavaScript with APIs

LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built With Html,JS,CSS We

Nov 1, 2022

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service. Built with Html, CSS and JavaScript

Leaderboard App 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites In

Mar 21, 2023

Obsidian plugin that allows user to create a glossary of files, an index of files or both.

Obsidian Auto Glossary Auto Glossary is an Obsidian plugin to create a glossary, an index or a glossary with an index from the files you want. Feature

Dec 30, 2022

Quickly upload images to the cloud in Logseq.

Quickly upload images to the cloud in Logseq.

logseq-plugin-image-uploader Usage How to use it? Currently, we only support PicGo, so please open PicGo manually. By default, when you paste any cont

Nov 25, 2022

Microverse Module 02 Project: This is educational project is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, Sass, JavaScript and Webpack.

Project Demo Live Demo Description To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you

Oct 21, 2022

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service. Build with Html, CSS, JS, API, and Webpack.

The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service. Build with Html, CSS, JS, API, and Webpack.

Mar 11, 2022
Owner
Raja Rakotonirina
unshared knowledge is dead knowledge
Raja Rakotonirina
Quickly create an interactive HTML mock-up by auto sourcing lorem ipsum/images generators, with minimal html markup, and no server side code

RoughDraft.js v0.1.5 Quickly mockup / prototype HTML pages with auto-generated content, without additional JavaScript or server side code. <section>

Nick Dreckshage 464 Dec 21, 2022
"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.

Awesome Books Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i

Fatima Ezzahra elmenoun 5 Jan 28, 2022
Cindy Dorantes 12 Oct 18, 2022
Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files.

Obsidian Chat View Plugin Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files. Usage Every chat message must be pref

Adifyr 96 Dec 27, 2022
"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

ABDUL ALI 7 Jul 17, 2022
To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u

TOFANA SILVIA 16 Jun 13, 2022
"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. It is created with HTML , CSS , JS and webpack and NPM.

My Todo List "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as com

Dyary Raoof Bayz Agha 5 Mar 29, 2022
To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. It is built with HTML, CSS and JavaScript

to do List To do list is a simple CRUD application that allows you to add, delete, update tasks that you are supposed to do. Built With HTML-5 CSS3 Ja

Lynette Acholah 11 Jun 7, 2022
"To-do list" is a tool that lists the things you need to do and allows you to mark them as complete. Built with JavaScript, HTML, CSS, and Webpack!

HTML CSS JS ES6 WEBPACK NPM LINTERS Todo List Project "To-do list" is a tool that helps to organize your day. It simply lists the things that you need

null 5 Jul 2, 2022