New Asset Build Tool

[Skrypt]

Some extra work for me on Christmas holidays.🎅🏼

Assets Build Tool

Created by @jptissot

Based on Concurrently and Parcel but can also run Vite and probably Webpack too (untested). This is a non-opiniated build tool which allows to be extended for any asset compiler/bundler that someone may require.

This build tool essentially uses Concurrently instead of Gulp.
Concurrently, is a concurrent shell runner which allows to trigger any possible shell command. It allows to trigger Parcel, Vite, Gulp or any other command that we need for building assets. Everything is written as ES6 modules (.mjs files).

Kind of needed for Vue 3 migration because it needs to use either Vite or Parcel to build as ES6 modules.

Old assets are not compiled as ES6 modules so they don't need these bundlers. For that matter I kept the old gulpfile.js which will be now triggered by Concurrently.

What needs to be done over time is to migrate these javascript files to ES6 modules (.mjs files or .ts files) so that we can compile them as modules. But that's a migration that will happen over time.

Features

• Build everything: yarn build
• Build module by name: yarn build -n module-name
• Watch module by name: yarn watch -n module-name
• Build with gulp: yarn build -g
• Rebuild with gulp: yarn build -gr
• Makes uses of latest yarn version 4.6.0. OC is currently on version 1.something
• Makes use of yarn workspaces which allows to import files from different locations in the app for sharing ES6 modules.
• VS Code launcher debug option added as "Asset Bundler Tool Debug"
• Build assets by tag: yarn build -t tagname
• Gulp pipeline still using Assets.json file
• New Assets2.json file definitions for building with new tool.
• Concurrently will retry building up to 3 times making CI more consistent.

Update

Finally, I'm keeping the old gulp pipeline because there is nothing wrong with it. Also, for backward compatibility with older modules that requires it. I'm using Assets.json for the Gulp build tool and using Assets2.json for the new one. This way, no need to migrate to the new build tool. I'm simply triggering gulp rebuild with Concurrently in the new asset build tool. Because that's what it is essentially, a concurrent shell runner. This way, it is going to be a softer migration for those who already have modules that are built with the old gulp pipeline.

Of course, this PR needs to be accepted by community first.

TODO

• Start using the new build tool in some modules where we can migrate everything to it.
• Add examples of assets compilation with Parcel
• Default destination folder to wwwroot/Styles and wwwroot/Scripts when not defined in Assets2.json.

@jptissot @deanmarcussen @aderderian

Fixes #14169. Related to #15740.

[Piedone]

You've been sneakily working on this since April ;).

Fixes #15740 #14169 #6762?

[sebastienros]

@Skrypt Skype/Teams me

[github-actions]

This pull request has merge conflicts. Please resolve those before requesting a review.