https://github.com/nachoaIvarez/es6-webapp-starterkit

Future-proof starterkit for writing ES6 web apps using gulp for the build process and jspm to manage dependencies.
https://github.com/nachoaIvarez/es6-webapp-starterkit

Last synced: 3 months ago
JSON representation

Future-proof starterkit for writing ES6 web apps using gulp for the build process and jspm to manage dependencies.

• Host: GitHub
• URL: https://github.com/nachoaIvarez/es6-webapp-starterkit
• Owner: nachoaIvarez
• Created: 2015-06-24T05:58:48.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-27T14:22:50.000Z (almost 9 years ago)
• Last Synced: 2024-06-30T23:25:36.899Z (4 months ago)
• Language: JavaScript
• Homepage:
• Size: 27.3 KB
• Stars: 60
• Watchers: 5
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
> Future-proof, framework-agnostic, starterkit for modern ES6 web apps using [gulp](http://gulpjs.com/) for the build process and [jspm](http://jspm.io/) to manage dependencies on top of [SystemJS](https://github.com/systemjs/systemjs)

[![Join the chat at https://gitter.im/nachoaIvarez/es6-webapp-starterkit](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/nachoaIvarez/es6-webapp-starterkit?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

## Features

Please see the [gulpfile](./gulpfile.babel.js) for up to date information on what it supports.

* ES6 out of the box

* Support ALL dependency formats (AMD, CommonJS, ES6 Modules, or global), and use them as ES6 modules `import io from 'socket.io'` with [jspm](http://jspm.io/)

* CSS Autoprefixing

* Built-in hot-reload preview server with BrowserSync

* Compile Sass with [libsass](http://libsass.org)

* Lint your scripts with ESLint

* Map compiled JS/CSS to source with source maps

* Awesome image optimization

* HTML minification

* Gzip all the things!

## Framework agnostic

* Just vainilla ES6 out of the box.

* No framework preinstalled, but you can use this with React, Angular, Polymer, Ember, you name it. That's your call.

## Getting Started

- Install dependencies: `npm install -g jspm gulp; npm install`

- Run `gulp serve` to preview and watch for changes with hot reload

- Run `gulp build` to generate a distributable, production-ready, `dist` directory

## Inspired by

- [generator-gulp-webapp](https://github.com/yeoman/generator-gulp-webapp)

- [jspm-react](https://github.com/tinkertrain/jspm-react)