This Yeoman generator scaffolds a symfony app with full featured frontend grunt/gulp tooling. Just scaffold your app and you are ready to go.

First, install Yeoman and generator-sf using npm (we assume you have pre-installed node.js).

Install dependencies

npm install -g yo grunt gulp

To install generator-sf from npm, run:

npm install -g generator-sf

Then generate your new project:

yo sf

• Symfony framework
• Twig templating engine
• Assetic removed
• Browsersync dev/prod server with livereload
• Choose the build tool which fits your needs
  • Gulp
  • Grunt
• Choose the CSS preprocessor which fits your needs
  • Sass
  • Less
  • Stylus
  • or no preprocessor at all
• Choose CSS Framework
  • uikit
  • Bootstrap
  • Foundation
  • inuitcss (sass only)
  • no framework?
• Choose Javascript module loader
  • Webpack (ES6)
  • JSPM + SystemJS (ES6)
  • Browserify (ES6)
• File revving
• Image optimization
• Critical (Extract & Inline Critical-path CSS)
• uncss (Automatically strip off unused css)
• Service Worker
• Organized Gruntfile with load-grunt-config
• Preconfigured testing Stack: Karma, Mocha & Chai
• Phpunit

• Feel free to add feature requests ;)

The browsersync server uses it's own symfony environment to prevent asset loading conflicts with the environment loaded via apache2.

The directory structure is based on the Symfony Best Practices

• Assets are located in app/Resources/public
• Templates can be found in app/Resources/views

• All production assets are located in the web folder.
• Run grunt build or gulp build to compile, optimize and rev your assets for production.

See CHANGELOG.md

MIT

• Yeoman has a heart of gold.
• Yeoman is a person with feelings and opinions, but is very easy to work with.
• Yeoman can be too opinionated at times but is easily convinced not to be.
• Feel free to learn more about Yeoman.

MIT © Ben Zörb