Modernizing a not-very-old project: dealing with /examples etc.?

Questions
1

Late last year I had a working project with the file structure I show below. I want to resume 3JS efforts in the latest style, that is, using Node.js, Vite and a modified file layout.
Here is the older setup with folders and files:
build/
three.module.js
css/
main.css
examples/
jsm/
controls/
OrbitControls.js
libs/
stats.module.js
myCustomJS.js
index.html
js/
main.js
readme.md

To modernize I’ve followed the Installation and Creating a scene at three.js docs (including use of Node.js and Vite) to get this far:
addons/
OrbitControls.js
…other imported code
index.html
main.js
public/

I assume that a top-level main.css could be added
My questions:
How to deal with contents of now non-existent examples/jsm?
Where to put my custom JS and CSS?

2

examples is installed with threejs, so it’s really just this

npm install three

import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
...
const controls = new OrbitControls(...)

same for libs/, you don’t need it. npm install your dependencies.

you can add as many *.css files as you want. you also import them, you normally don’t touch index.html.

import './styles.css'
3

they still exist, “addons” is just an alias

anywhere you like inside your source folder :sweat_smile:

4

Thanks for the help.