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",}
]
}