zlc

ZLC is a front-end development tool based on webpack and gulp, which supports the separation and development of the front and rear ends.

Installation

Install with npm:

npm install zlc -g

Introduction

• Build projects quickly
• Start the static service
• Monitor file changes, refresh the page in real time.
• Source compilation, compression（support：css/js/pug/md/vue Etc.）
• Front-end separation and service forwarding.
• ES6 to ES5, improved js code browser compatibility

Command list

| command | instructions
| -------- | :----- | | zlc | Start the static service | | zlc config | Generate zlcfile.js configuration file (for configuration code compilation, service forwarding, etc.) | | zlc build | Compile the project | | zlc -v | Check the currently installed zlc version |

Sample zlcfile.js

{
    // Service agent forwarding
    server: {
        port: 8080,
        proxy:{
            //Automatically forward the request containing /api to the target server address
            "/api":{
                target: 'localhost:8080', // target host 
                changeOrigin: true
            }
        }
    }
    // compile
    build :{
        // src: source directory; dist：target directory；
        // Compile js
        js:[],
        css:[],
        // Compile HTML without providing code merge functionality.
        html:[],
        // Compiling jade does not provide code merge functionality.
        others:[]
    },
    //The compiled file holds the directory.
    dist:"dist",
    //Global substitution field
    replace:[
        {src:"${version}",value:"?_v=0.0.1",}
    ]
}