What Happened To Tools/Gulp

MackeyK24 · September 24, 2022, 12:11pm

So can someone please tell me what is the new build process now. I dont see Tools/Gulp anymore ?

neu5 · September 24, 2022, 2:42pm

Hey, Gulp is still alive and still used in the Internet.
But at taking example from @RaananW repo

Webpack is one of the most popular building tools.
I personally like Parcel and I’m using it in my project.

JohnK · September 24, 2022, 3:26pm

Basic idea

Use VSCode
Install Prettier as default formatter in VSCode
Clone Babylon.js to local folder
Do npm install in local Babylon.js folder
Use VSCode to make code changes
Ctrl + Shift + P Format Document
Terminal Run Build Task

Detailed

MackeyK24 · September 24, 2022, 10:42pm

Before… you used to be able to gulp typescript-all and it build the entire dist folder with the .js files like:

babylon.js
babylon.max.js
babylon.gui.js

Etc….

How the heck do we build the project and where the heck are the result builds placed???

neu5 · September 25, 2022, 6:52am

As @JohnK linked - the process is explained in the docs

I’m not sure what you need but you can try run some build commands from the scripts - eg. npm run build:lts

github.com

BabylonJS/Babylon.js/blob/4c5def4315ec562498e82329fc972346a32300dd/package.json#L58


      
              "webpack-cli": "^4.10.0"
          },
          "optionalDependencies": {
              "canvas": "~2.9.0"
          },
          "workspaces": [
              "packages/**/*"
          ],
          "scripts": {
              "build:dev": "npm run build:assets && npm run build:source && npm run build:declaration -w @tools/babylon-server",
              "build:lts": "npm run build:assets && npm run build:source:lts",
              "build:source": "tsc -b ./tsconfig.devpackages.json",
              "build:source:lts": "npx nx run-many --target=compile --projects=@lts/core,@lts/gui,@lts/loaders,@lts/materials,@lts/post-processes,@lts/procedural-textures,@lts/serializers --parallel=1",
              "build:umd": "nx run-many --target=build --parallel=3 --projects=babylonjs,babylonjs-gui,babylonjs-inspector,babylonjs-loaders,babylonjs-materials,babylonjs-serializers,babylonjs-post-process,babylonjs-procedural-textures,babylonjs-node-editor,babylonjs-gui-editor,babylonjs-ktx2decoder,babylonjs-viewer-assets,babylonjs-viewer",
              "build:es6": "nx run-many --target=build --parallel=3 --projects=core,gui,loaders,materials,serializers,post-processes,procedural-textures,node-editor,inspector,gui-editor,viewer",
              "watch:shaders": "build-tools -c build-shaders --global --watch",
              "watch:assets": "build-tools -c pa --global --watch",
              "watch:source:dev": "tsc -b ./tsconfig.devpackages.json -w",
              "watch:source:lts": "npx nx run-many --target=watch:lts --all --parallel --maxParallel=20",
              "build:assets": "build-tools -c pa --global",
              "build:shaders": "build-tools -c build-shaders --global",

JohnK · September 25, 2022, 7:37am

Sorry but you will have to wait for @RaananW to be available for that one.

RaananW · September 26, 2022, 9:36am

The hecking results are in their hecking respected folders!

Running npm run build:umd will provide you with the files you need in the packages/public/babylonjs/package-name folder. If you wonder why it was done this way - it allows you to use npm link directly.

MackeyK24 · September 26, 2022, 7:15pm

Thanks @RaananW

MackeyK24 · September 27, 2022, 1:23pm

@RaananW … So there is no babylon.js in the core folders… How do i build the cdnsnapshot that is made for the releases ? That has what i need.

RaananW · September 27, 2022, 2:13pm

npm run babylonjs:umd will generate all of the UMD packages. And then you will find them in the public folder(s). If you need the snapshot, you can then run npm run prepare-snapshot which will create the snapshot in the base /.snapshot directory.

MackeyK24 · October 3, 2022, 12:23pm

Still can’t find babylon.js in ./snapshot folder

Hopefully release 5.26 will have the fixes @bghgary made for loading animations

RaananW · October 4, 2022, 9:44am

Have you found it in the public folder?

carolhmj · November 3, 2022, 2:18pm

Hey @MackeyK24 just checking if you managed to find the build files?

MackeyK24 · November 4, 2022, 1:07am

Nope… I ended up waiting for the cdn snapshot release

Topic		Replies	Views
How to build and link babylon.js locally Questions	4	1023	February 14, 2019
Babylon.js project using typescript, webpack, es6 modules and other goodies Announcements	9	2622	November 30, 2020
What is the proper workflow for creating a Babylon Project? Questions	4	494	March 15, 2021
What's the best way to use babylon as modules but also stay in sync with the nightly builds / branches? Questions	6	586	February 24, 2022
How to build babylon source code into separate files rather than a whole js file Questions	1	388	November 3, 2021

What Happened To Tools/Gulp

Related topics