In order to optimize files for production use node ./scripts/build.mjs or npm run build:local.
> node ./scripts/build.mjs
build "./src/main.html"
✔ prebuild (done in 1.1 seconds)
✔ bundle "css" (done in 0 second)
✔ bundle "js_module" (done in 0.1 second)
✔ build (done in 0.7 second)
✔ inject version in urls (done in 0.1 second)
--- build files ---
- html: 1 (5.35 KB)
- css: 1 (66 B)
- js: 4 (35.14 KB)
- other: 7 (99.13 KB)
Total 13 (139.69 KB)
--------------------The build perform the following things:
- Transpilation according to your browser support
- If needed, replace js modules with "classic" js using systemjs format
- If needed, transpiles code to make it compatible with old browsers.
- Removing dead code (treeshaking)
- The code specific to development is removed
- Unused code is removed
- Bundling of js files: concatenation of js static imports, code splitting on dynamic imports
- Bundling of css files: concatenation of
@import - Minification of js, css, json, html, and svg files
- Url versionning (injecting a version in urls to enable long term caching)
- Inject urls into service worker file
See also the content of dist/ in this repository (minification is disabled to make it more readable)