danielsitek/app-ui-resources

Test case for the refactoring of Symfony Application's assets

UI Resources

This project serves as a test case for the refactoring of Symfony Application's assets. The application is divided into several interfaces - Admin, Wysiwyg, Front and Embed. And so are the assets, where each interface had its own assets building setup with Grunt.js and componentsjs v0.x.

But, because we need to move forward, we had to build new assets building setup. The new solution utilizes only Webpack to build assets. With full ES6 support (babel), ESLint, theming for Front and Embed interfaces, and npm Script as a task runner.

Old toolbelt:

• Node v6
• npm v3
• Grunt.js
• componentsjs v0.x
• Stylus
• ChameleonUI
• Makefile

New toolbelt setup:

• Node (latest)
• npm (latest)
• Webpack v4.5
• Stylus
• Babel
• ESLint
• PostCSS
• Autoprefixer
• CSSnano
• npm Script

Use

Main commands

npm run build

Build whole project in development mode.

npm run prod

Build whole project in production mode.

npm run watch

Run watch mode on whole project.

Sub commands

npm run admin:build
npm run admin:prod
npm run admin:watch

Run development build, production build or watch only on admin parts of project.

npm run themes:default:build
npm run themes:default:prod
npm run themes:default:watch

npm run themes:theme01:build
npm run themes:theme01:prod
npm run themes:theme01:watch

Run development build, production build or watch on specific themes.