Yeoman generator for a WebComposer app. It creates a skelethon for a Silex application adding React, Gulp and browserify to work also with frontend.
- livereload (BrowserSync)
- Sass with Compass
- Bootstrap - Twitter Bootstrap's official Sass version
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
$ 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
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