A Yeoman Generator for a WebComposer app.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
test
.gitignore
README.md
package.json

README.md

WebComposer Generator

Yeoman generator for a WebComposer app. It creates a skelethon for a Silex application adding React, Gulp and browserify to work also with frontend.

What's inside?

Bundled:

  • Silex
  • Gulp
  • Bower
  • jQuery
  • webpack
  • React
  • livereload (BrowserSync)
  • Sass with Compass
  • Bootstrap - Twitter Bootstrap's official Sass version
  • Modernizr

Folder structure

Here a list of the most important files and folders the generator will build

.
+-- app
|   +-- assets
|   |   +-- images
|   |   +-- scripts
|   |   +-- styles
|   +-- config
|   |   +-- development
|   |   +-- production
|   |   |   +-- app.json
|   |   +-- controllers.json
|   |   +-- providers.json
|   |   +-- routes.json
|   +-- templates
|   +-- views
+-- src
|   +-- AppBundle
|   |   +-- Controller
+-- web
|   +-- index.php
+-- bower.json
+-- composer.json
+-- package.json
+-- gulpfile.json
+-- webpack.config.js

Getting Started

$ npm install -g yo                                # Install Yeoman (if you don't have it yet)...
$ npm install -g generator-webcomposer             # ...then install this generator...
$ yo webcomposer                                   # ...and run it.

You'll need to install it with gem install sass. If you find your css build results are empty, update your sass gem.

Now, when everything is ready, run the watch task and begin to develop your application. This task will make a first build of your assets and then watch for file changes.

$ gulp watch

The dist task helps you preparing your file for the live deploy, minifying and uglifyng both CSS and JS

$ gulp dist

How to run test?
Currently, I prefer to run test tasks from npm. Please run this command.

$ npm test

License

MIT