node package manager
Love JavaScript? Your insights can make it even better. Take the 2017 JavaScript Ecosystem Survey »



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: '',
  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': '',
    // proxy an outside request to project
    '': '/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.