generator-js-sandbox editorconfig travis-ci npm

A gulp.js generator for simple JS stuffs using browserSync, browserify, and babelify

3 years after

JS sandbox generator

Yeoman generator that scaffolds out a front-end web app using gulp for the build process

Features

Please see our gulpfile for up to date information on what we support.

  • enable ES2015 features using Babel
  • CSS Autoprefixing
  • Built-in preview server with BrowserSync
  • Automagically compile Sass with libsass
  • Automagically lint your scripts
  • Map compiled CSS to source stylesheets with source maps
  • Awesome image optimization
  • Automagically wire-up dependencies installed with Bower
  • Write clean modular JS with browserify

Getting Started

  • Install dependencies: npm install --global yo gulp-cli bower
  • Install the generator: npm install --global generator-webapp
  • Run yo webapp to scaffold your webapp
  • Run gulp serve to preview and watch for changes
  • Run bower install --save <package> to install frontend dependencies
  • Run gulp serve:test to run the tests in the browser
  • Run gulp to build your webapp for production
  • Run gulp serve:dist to preview the production build

Docs

Options

  • --skip-welcome-message Skips Yeoman's greeting before displaying options.
  • --skip-install-message Skips the the message displayed after scaffolding has finished and before the dependencies are being installed.
  • --skip-install Skips the automatic execution of bower and npm after scaffolding has finished.
  • --test-framework=<framework> Either mocha or jasmine. Defaults to mocha.
  • --no-babel Scaffolds without Babel support. This only applies to app/scripts, you can still write ES2015 in the gulpfile, depending on what your version of Node supports.

License

MIT

Related Repositories

ultimate-seed

ultimate-seed

{MEAN Stack on Steroids} The ultimate full-stack AngularJS + Node.js/Express see ...

generator-angular-scotty

generator-angular-scotty

Yeoman generator for AngularJS + Scotty ...

hackathon-starter

hackathon-starter

A boilerplate for Node.js web applications ...

generator-react-webpack-scaffold

generator-react-webpack-scaffold

A Yeoman generator that scaffolds React application with Webpack. ...

angularjs-component-password-generator

angularjs-component-password-generator

AngularJs Component - Password Generator ...


Top Contributors

silvenon sindresorhus addyosmani kevva callumlocke stephenplusplus arthurvr jrcryer alferov jcsrb antleblanc alrra hemanth jonkemp neilhem SBoudrias iamdevonbutler passy jaromero CesarDenis al-the-x vassyz aliismayilov appleboy eddiemonge JosefJezek pedroparra rniemand samuelecarpene tmorton

Releases

-   v2.1.0 zip tar
-   v2.0.0 zip tar
-   v1.1.2 zip tar
-   v1.1.1 zip tar
-   v1.1.0 zip tar
-   v1.0.4 zip tar
-   v1.0.3 zip tar
-   v1.0.2 zip tar
-   v1.0.1 zip tar
-   v1.0.0 zip tar
-   v0.6.2 zip tar
-   v0.6.1 zip tar
-   v0.6.0 zip tar
-   v0.5.1 zip tar
-   v0.5.0 zip tar
-   v0.5.0-1 zip tar
-   v0.4.9 zip tar
-   v0.4.8 zip tar
-   v0.4.7 zip tar
-   v0.4.6 zip tar
-   v0.4.5 zip tar
-   v0.4.4 zip tar
-   v0.4.3 zip tar
-   v0.4.2 zip tar
-   v0.4.1 zip tar
-   v0.4.0 zip tar
-   v0.3.1 zip tar
-   v0.3.0 zip tar
-   v0.2.7 zip tar
-   v0.2.6 zip tar