https://github.com/nirantak/web-optim

Optimize Static Assets for the Web
https://github.com/nirantak/web-optim

gulp gulpjs image-compression javascript minify optimization

Last synced: 25 days ago
JSON representation

Optimize Static Assets for the Web

• Host: GitHub
• URL: https://github.com/nirantak/web-optim
• Owner: nirantak
• License: gpl-3.0
• Created: 2018-10-25T16:10:19.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2022-12-29T09:09:08.000Z (about 2 years ago)
• Last Synced: 2024-11-16T09:32:49.677Z (3 months ago)
• Topics: gulp, gulpjs, image-compression, javascript, minify, optimization
• Language: JavaScript
• Homepage:
• Size: 756 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# web-optim

> _Optimize Static Web Assets_

## Table of Contents

- [web-optim](#web-optim)

  - [Table of Contents](#table-of-contents)

  - [Local Installation](#local-installation)

  - [Working](#working)

## Local Installation

- Install NodeJS from [here](https://nodejs.org/en/download/current/)

- Install environment

  ```shell

  $ git clone https://github.com/nirantak/web-optim.git && cd web-optim

  $ npm install

  ```

- Run script and keep watching

  ```shell

  $ npm start

  ```

  or

- Run script once

  ```shell

  $ npm run build

  ```

## Working

- [GulpJS](https://gulpjs.com/) is used to for the build script.

- When run, the script does the following

  - Optimize images using gifsicle, jpegtran, optipng, svgo plugins.

  - Autoprefixes and cleans CSS files.

  - Uglifies JS files.

- Put all your files in the **`./src`** directory in their respective subdirectories.

- The compressed output files will be put in the **`./dist`** directory.