Git Product home page Git Product logo

autominifier's Introduction

autominifier

Latest Version on Packagist Software License Build Status Coverage Status Quality Score Total Downloads

Automatically Minify and Concatenate your JS and CSS files and libraries into single files for improved application performance.

Main features

  • Auto minify and concatenate js and css libraries into single .min files
  • Auto cache bust on changed versions
  • Auto detection of environment type

Other features

  • It just works, out of the box
  • Set it and forget it
  • No complex configurations
  • No Node.js required
  • No "watch" command required
  • No "--production" flag required
  • No configuration updates needed when adding new files
  • Auto detect already minified files
  • Customize destination folder and file names
  • Faster than Gulp or Grunt

Install

Via Composer

$ composer require makehappen/autominifier

Basic Usage

// minifier instance with default settings
$minifier = new Makehappen\AutoMinifier\Minify();

// returns "/js/app.min.js"
$minifier->js();

// returns "/css/app.min.css"
$minifier->css();

Post install:

  • Add env.json files to .gitignore

  • Update environment in env.json to development

{
    "environment": "development"
}
  • Run minifier instance again to generate .min files

Customized Usage

Custom folders and .min files:

// minifier instance with public path relative to package src folder path
$minifier = new Makehappen\AutoMinifier\Minify();
$minifier->setPublicFolder('/../../../../public_html/');

// returns .min.js file path with custom destinations
$minifier->js('/javascript', 'functions.min.js');

// returns .min.css file path path with custom destinations
$minifier->js('/styles', 'style.min.css');

Custom list and order of files: config.json

{
    "files": [
        "file-1.js",
        "folder2/file-2.js"
    ]
}

Implementation example in a Laravel project

Autominifier implementation example in a Laravel project View all Screenshots >>

Conventions

  • By default, JavaScript files should live in the public /js folder or its sub-folders
  • By default, CSS files should live in the public /css folder or its sub-folders
  • Default concatenation order is alphabetical, folders first, followed by file names
  • Default relative path from vendor folder to public folder is expected to be ../public
  • Accepted extension files: .js, .css, .sass, .scss

Change log

Please see CHANGELOG for more information what has changed recently.

Testing

$ composer test

Contributing

Please see CONTRIBUTING and CONDUCT for details.

Security

If you discover any security related issues, please email [email protected] instead of using the issue tracker.

Credits

License

The MIT License (MIT). Please see License File for more information.

autominifier's People

Contributors

makehappen avatar

Stargazers

 avatar  avatar

autominifier's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.