2017 © Pedro Peláez
 

library webcollector

Simple collector for your css and js files

image

reb/webcollector

Simple collector for your css and js files

  • Thursday, March 15, 2018
  • by reb
  • Repository
  • 1 Watchers
  • 0 Stars
  • 0 Installations
  • PHP
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 2 Versions
  • 0 % Grown

The README.md

It's tools for easily collect web asset to production. Collector able to compiles "less" and "sass" css files and minify them. Also It ables to minify js files. You need is copied the "collector" and "collections.json" files to root directory our application., (*1)

[
    {
        "name": "REBUS", // name collection
        "base_url": "/", // url
        "root_dir": "/var/www/myapp/" // root directory, fill if you collection locate to another dir
        "compiled_dir": "~public/compiled/", // directory where put collect files

        /*
        * use WebCollector\Filter as Filter;
        *
        *   class Less extends Filter {
        *   }
        */
        "filters": [ //external filters 
            {
                "name": "less",
                "class": "\\Reb\\Less"
            }
        ],


        /*
        * use WebCollector\Transport as Transport;
        *
        *   class Ftp extends Transport {
        *       public function send(){}
        *
            *       public function delete(){}
        *   }
        */
        "transport": {
            "class": "File",
            "parameters": {
                "name": "Test"
            }
        },

        //Bundle css 
        "css": [
            {
                "file": "css/rebus-{d}.css", //name file can use {hash} or {d}{m}{y}{Y}{H}{i}{s}
                "version": "{Y}{m}{d}{H}",
                "minify": true,
                "source": [
                    {
                        "file": "public/css/main.less",
                        "filters": [{
                            "name": "less",
                            "params": {
                                "import_dir": "public/css/import/"
                            }
                        }]
                    },
                    {
                        "dir": "public/css/scss/",
                        "regex": "/^(.*.scss)$/i",
                        "filters": ['scss']
                    }
                ]
            }
        ],

        //Bundle js 
        "js": [
            {
                "file": "js/rebus.js",
                "minify": true,
                "source": [
                    {
                        "file": "public/js/main.js",
                        "filters": ["less"]
                    }
                ]
            }
        ],

        //Copy resources
        "copy": [
            {
                "from": "public/img/",
                "regex": "/^(.*.jpg)$/i",
                "to": "img/"
            }
        ]
    }
]

Console commands "php ./collector" - compile all collections., (*2)

Console commands "php ./collector {collection name}" - compile current collection., (*3)

In our application you can use class WebCollector\Web, (*4)

 \WebCollector\Web::getInstance()->CSS(name collection);
 \WebCollector\Web::getInstance()->JS(name collection);

The Versions

15/03 2018

dev-master

9999999-dev https://github.com/reb2020/webcollector

Simple collector for your css and js files

  Sources   Download

MIT

The Requires

 

by Aleksandr Sokol

css js web collector less minify scss webpack

15/03 2018

v1.0.0

1.0.0.0 https://github.com/reb2020/webcollector

Simple collector for your css and js files

  Sources   Download

MIT

The Requires

 

by Aleksandr Sokol

css js web collector less minify scss webpack