Stolen files originaly created by jonnitto and carefully packaged for your Flow Framework and Neos CMS project.
composer require --dev ttree/gulpfilejs
When the package is installed you can copy the templates files:
cp -rT Build/Gulp/templates ./
Warning: Check the content of the templates directory to not override
important stuffs on your distribution. Your are free to not use the provided templates
or customize them to match your own requirements. The following document is based on the
official templates.
Edit the package.json in your distribution directory to match your requirements.
nvm use # to enable the correct
yarn install
yarn run tasks
You must see something like:
[14:14:53] Tasks for ~/Sites/dev/www.domain.dev/Build/Gulp
[14:14:53] ├── build Generates all Assets, Javascript and CSS files
[14:14:53] │ --b, --beautify … Beautify and dont't compress files
[14:14:53] │ --d, --debug … Files dont't get compressed and sourcemaps get genereated
[14:14:53] │ --m, --maps … Write sourcemaps
[14:14:53] ├── css Render CSS Files
[14:14:53] │ --b, --beautify … Beautify and dont't compress files
[14:14:53] │ --d, --debug … Files dont't get compressed and sourcemaps get genereated
[14:14:53] │ --m, --maps … Write sourcemaps
[14:14:53] ├─┬ default Generates all Assets, Javascript and CSS files & watch them
[14:14:53] │ │ --b, --beautify … Beautify and dont't compress files
[14:14:53] │ │ --d, --debug … Files dont't get compressed and sourcemaps get genereated
[14:14:53] │ │ --m, --maps … Write sourcemaps
[14:14:53] │ └─┬ <series>
[14:14:53] │ ├── build
[14:14:53] │ └── watch
[14:14:53] ├── js Render Javascript Files
[14:14:53] │ --b, --beautify … Beautify and dont't compress files
[14:14:53] │ --d, --debug … Files dont't get compressed and sourcemaps get genereated
[14:14:53] │ --m, --maps … Write sourcemaps
[14:14:53] ├── jsLint Lint Javascript files
[14:14:53] ├── optimizeImages Optimize images and overrite them in the public folder
[14:14:53] ├─┬ pipeline Build task for pipeline
[14:14:53] │ └─┬ <series>
[14:14:53] │ ├── build
[14:14:53] │ └── optimizeImages
[14:14:53] ├── scss Render _all.scss and _allsub.scss Files
[14:14:53] ├── sprite Create SVG Sprite
[14:14:53] └── watch Watch files and regenereate them
✨ Done in 5.61s.
Check jonnitto for more details informations.
Warning: This package currently don't support Babel, we opt to use Bublé most of the time, maybe this can change in the future. The original version from jonnitto support both Bublé (default) and Babel.
- RollupJS (module bundler)
- Bublé (the blazing fast, batteries-included ES2015 compiler)
- PostCSS
- Browsersync
- Assets (JS/CSS) pre compression with Broetli and Zoepfli
- Gulp, Uglify, Image optimizations, SVG Sprites, ...
You can read the default configuration in config.json, if you need to override the configuration for a specific site package,
you can create a Gulp.json in the Configuration directory, like this:
{
"root": {
"notifications": true
},
"browserSync": {
"enable": true,
"proxy": "https://www.domain.dev:8180"
},
"tasks": {
"compress": true
}
}This configuration will enable system notification, browsersync and enable global compression of static assets (JS/CSS) with Broetli and Zoepfli.
All the hard work has been done by jonnitto
Packaging and fork sponsored by ttree ltd - neos solution provider.
We try our best to craft this package with a lots of love, we are open to sponsoring, support request, ... just contact us.
Licensed under MIT, see LICENSE
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent