Not meer another f2e build tool.


Travis Npm download Npm version


npm install -g Gon


Gon create [Project's Name]

Creates a new project, generates all the folders and files.

Gon dev

Starts the proxy server and the project, with javascript, stylus and pug files processed by Webpack and Gulp.

Should be used with sudo, because the proxy server runs on port 80.

Gon release

Releases all the static files to the static folder and all template files to the view folder.


Folder Structure

Folder structure

File Name

The module file which will be imported (stylus) or required (js) to the entry file should be named start with the _ prefix.

Custom Config

// gon.config.js
module.exports = {
  domain: 'gon.com',
  port: 8000,
  // web server
  // request to the upper domain will be proxyed to these servers
  fe: {
    local: '',
    dev: '',
    pre: '',
    pro: '',
  // api server
  // requests to `/api` will be prxoyed to these servers
  be: {
    dev: '',
    pre: '',
    pro: '',
  proxy: {
    // proxy a project's request to an outiside server
    '/data/sk/101010100.html': 'www.weather.com.cn:80',
    // proxy an outside request to project
    '2pmh9.free.natapp.cc': '/ping',
  // used for webpack to avoid compiling these files
  externals: {
    react: 'React',
    'react-dom': 'ReactDOM',

Switch Proxy Setting

You can switch all these proxy setting on http://localhost/.

proxy setting


  • Name is from Gon Freecss
  • Needs Node.js version >= 7.0.0 and npm version >= 3.3.6

Most thanks to Webpack2.0rc and Gulp4.


Not meer another f2e build tool

Gon Info

⭐ Stars 13
🔗 Homepage www.npmjs.com
🔗 Source Code github.com
🕒 Last Update 4 years ago
🕒 Created 6 years ago
🐞 Open Issues 1
➗ Star-Issue Ratio 13
😎 Author gaowhen