Build from source to .js file

[CA3LE]

I'm trying to build from source and output to a simple .js file. How do I accomplish this?

running tsc on the .ts files and it outputs server-side js
e.g.
"use strict"; var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __exportStar = (this && this.__exportStar) || function(m, exports) { for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); }; exports.__esModule = true; exports.registerables = exports.scales = exports.plugins = exports.elements = exports.controllers = void 0; __exportStar(require("./controllers/index.js"), exports); __exportStar(require("./core/index.js"), exports); __exportStar(require("./elements/index.js"), exports); __exportStar(require("./platform/index.js"), exports); __exportStar(require("./plugins/index.js"), exports); __exportStar(require("./scales/index.js"), exports); var controllers = require("./controllers/index.js"); exports.controllers = controllers; var elements = require("./elements/index.js"); exports.elements = elements; var plugins = require("./plugins/index.js"); exports.plugins = plugins; var scales = require("./scales/index.js"); exports.scales = scales; exports.registerables = [ controllers, elements, plugins, scales, ];

What do I need to do to output this to client-side js? I don't use a js framework.

[LeeLenaleee]

You should run pnpm run build after that you can go into the dist folder and copy paste the chart.umd.js file and use that in your project

[CA3LE]

Thank you so much for the reply. And thank you for all your contribution to Chart.js, your work is amazing.

This is great information, I feel like I'm getting so close!

ca3le@2020-iMac Chart.js-master % pnpm run build

> chart.js@4.2.1 build /Volumes/MacFlash/Frontend/js/vendor/Chart.js-master
> rollup -c && pnpm emitDeclarations

sh: rollup: command not found
 ELIFECYCLE  Command failed.
 WARN   Local package.json exists, but node_modules missing, did you mean to install?
ca3le@2020-iMac Chart.js-master % npm install
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: chart.js@4.2.1
npm ERR! Found: rollup@3.17.3
npm ERR! node_modules/rollup
npm ERR!   dev rollup@"^3.3.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer rollup@"^2.0.0" from rollup-plugin-terser@7.0.2
npm ERR! node_modules/rollup-plugin-terser
npm ERR!   dev rollup-plugin-terser@"^7.0.2" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! 
npm ERR! For a full report see:
npm ERR! /Users/ca3le/.npm/_logs/2023-02-28T19_39_43_252Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ca3le/.npm/_logs/2023-02-28T19_39_43_252Z-debug-0.log
ca3le@2020-iMac Chart.js-master % 

I got an error with pnpm run build so I ran npm install and got more errors.

What am I missing?

[LeeLenaleee]

Seems you need to install rollup

[kurkle]

pnpm install

https://www.chartjs.org/docs/master/developers/contributing.html#building-and-testing

[CA3LE]

Got it to build and was able to trim off 30kB so far.

I didn't notice that in the docs because it says "contributing". Guess I should read more carefully. Thank you again.