Classic - Front-end Starter

The repository includes tools and config to kick-start new projects build upon:

• TWIG templates
• Sass with autoprefixer, source maps, minification and stylelint linter
• JavaScript with Babel.js, ES6, minification and ESLint linterz
• BrowserSync

and can be extremely easy extended with Symfony PHP framework.

---

Notes:

• TWIG templates are being compiled with twig.js, not with original PHP based TWIG so all functions and filters must be written in JavaScript and stored in ./twig.babel.js file.
• Static assets are stored in ./src/assets and are being copied directly to ./web/assets directory.

 

Configuration

Make sure you have Node ^8.0.0 with NPM properly installed and you use it. Then run:

npm install

Source and build paths can be set on top of ./gulpfile.babel.json file if required. Default paths are accordingly ./src and ./web.

 

Development

npm start serves the project and refreshes browser on each source files change

npm run build builds the project

npm run deploy build with production settings

Changelog

License