gulp -> npm scripts only

00.no-gulp-package.json

{
  "name": "11h42.com",
  "version": "0.0.2",
  "description": "accélérateur de projets sur Bordeaux",
  "main": "index.js",
  "scripts": {
    "build": "npm-run-all clean prepare build:style build:app",
    "build:app": "browserify -e ./app/index.js -o ./dist/app.js",
    "build:production": "npm prune && npm install && npm run lint && npm test && npm run build",
    "build:style": "npm-run-all copy:style build:semantic-ui",
    "build:semantic-ui": "gulp --gulpfile ./node_modules/semantic-ui/gulpfile.js build",
    "copy:style": "cpy --cwd=assets/ '**/*.scss' ../dist/ --parents",
    "copy:jquery": "cpy 'node_modules/jquery/dist/jquery.min.js' ./dist/scripts/",
    "clean": "rimraf ./dist/**/*",
    "lint": "jshint app/**",
    "prepare": "mkdir -p ./dist",
    "prestart": "npm run build",
    "pretest": "npm install",
    "screenshot": "node tests/screenshot.js",
    "serve": "static -p ${PORT:-5000} --gzip --host-address 0.0.0.0 ./",
    "start": "npm run serve",
    "test": "mocha --compilers js:babel-core/register tests",
    "watch": "PORT=${PORT:-5000} npm-run-all --parallel serve watch:app",
    "watch:app": "watchify -dv -e ./app/index.js -o ./dist/app.js",
    "watch:tests": "npm test -- -w"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/11h42/11H42.com.git"
  },
  "keywords": [
    "accélérateur",
    "projets",
    "bordeaux",
    "innovation"
  ],
  "author": [
    "Akema <[email protected]>"
  ],
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/11h42/11H42.com/issues"
  },
  "homepage": "https://github.com/11h42/11H42.com#readme",
  "devDependencies": {
    "babel-core": "6.3.x",
    "babel-preset-es2015": "6.3.x",
    "babelify": "7.2.x",
    "cpy": "3.4.x",
    "csscritic": "https://github.com/cburgmer/csscritic.git",
    "jshint": "2.8.x",
    "mocha": "^2.3.4",
    "node-static": "0.7.x",
    "npm-run-all": "1.4.x",
    "pageres": "3.0.x",
    "rimraf": "2.4.x",
    "sassify": "0.9.x",
    "semantic-ui": "2.1.x",
    "watchify": "3.6.x",
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.x",
    "es6-promise": "3.0.x",
    "es6-shim": "0.33.x",
    "reflect-metadata": "0.1.x",
    "rxjs": "5.0.0-beta.0"
  },
  "dependencies": {},
  "babel": {
    "presets": [
      "es2015"
    ]
  },
  "browserify": {
    "transform": [
      [
        "babelify",
        {
          "presets": [
            "es2015"
          ]
        }
      ],
      [
        "sassify",
        {
          "auto-inject": true
        }
      ]
    ]
  },
  "jshintConfig": {
    "esnext": true
  }
}

01.old-package.json

{
  "scripts": {
    "test": "eslint --ext .js,.jsx ./assets ./src index.js",
    "build": "gulp build",
    "build-production": "gulp build-production",
    "start": "static -p ${PORT:-5000} --gzip --host-address 0.0.0.0 dist/",
    "watch": "PORT=${PORT:-$(get-port)} gulp dev"
  },
  "browserify": {
    "transform": [
      [
        "babelify",
        {
          "presets": [
            "es2015",
            "react"  
          ] 
        }
      ],
      "envify"
    ]
  },
  "dependencies": {
    "babelify": "^7.2.0",
    "classnames": "^2.0.0",
    "envify": "^3.3.0",
    "fastclick": "^1.0.6",
    "gel-grid": "^1.0.0",
    "gel-iconography-assets-assets": "^1.1.0",
    "gel-settings": "^0.4.1",
    "gel-tools": "^0.4.2",
    "gel-typography": "^1.0.0-beta.2",
    "global": "^4.3.0",
    "lodash": "^3.10.1",
    "minifyify": "^7.0.0",
    "moment": "^2.10.6",
    "node-static": "^0.7.6",
    "react": "^0.14.3",
    "react-autoupdate-time": "^1.0.5",
    "react-dom": "^0.14.3",
    "react-select": "^0.9.1",
    "sassify": "^0.9.0",
    "superagent": "^1.4.0",
    "tinycolor2": "^1.0.0",
    "tinygradient": "^0.3.0"
  },
  "devDependencies": {
    "babel-eslint": "^4.1.6",
    "babel-preset-es2015": "^6.0.15",
    "babel-preset-react": "^6.0.15",
    "browserify": "^11.0.0",
    "del": "^2.0.0",
    "eslint": "^1.10.1",
    "eslint-plugin-react": "^3.10.0",
    "get-port": "^1.0.0",
    "gulp": "^3.8.10",
    "gulp-manifest": "0.0.6",
    "gulp-sass": "^2.0.0",
    "gulp-util": "^3.0.3",
    "gulp-webserver": "^0.9.0",
    "run-sequence": "^1.0.0",
    "through2": "^2.0.0",
    "vinyl-source-stream": "^1.0.0",
    "watchify": "^3.0.0"
  }
}

02.app.js

import window from 'global';
import React from 'react';
import ReactDOM from 'react-dom';
import request from 'superagent'

import Recipe from './recipe';
import RecipeList from './components/RecipeList.jsx';
import CreativeWorksStream from './components/CreativeWorksStream.jsx';

const REFRESH_INTERVAL = process.env.REFRESH_INTERVAL || 3600 * 5 * 1000;

class CreativeWorksStreamApp {
  // ...
  
  static init (options) {
    // ...
  }
}

export default CreativeWorksStreamApp;

03.app-bundle.js

import App from './app.js';

import * as stylesheet from './stylesheets/enhanced.scss';

(new App()).init();