/scalajs-sbt-vite-laminar-chartjs-example

An example of using Scala.js with sbt, Vite, Laminar and Chart.js

Primary LanguageScalaApache License 2.0Apache-2.0

Scala.js with sbt, Vite, Laminar and Chart.js

This is an example of putting together:

If you don't want the project walkthrough in its entirety, you can specify up to which stage of the guide to include by cloning a specific branch:

Install

You need to explicitly install the following software:

Other software will be downloaded automatically by the commands below.

Prepare

Before doing anything, including before importing in an IDE, run

$ npm install

Development

Open two terminals. In the first one, start sbt and, within, continuously build the Scala.js project:

$ sbt
...
> ~fastLinkJS
...

In the second one, start the Vite development server with

$ npm run dev
...

Follow the URL presented to you by Vite to open the application.

You can now continuously edit the Main.scala file, and Vite will automatically reload the page on save.

Production build

Make a production build with

$ npm run build

You can then find the built files in the dist/ directory. You will need an HTTP server, such as python3 -m http.server, to open the files, as Vite rewrites <script> tags to prevent cross-origin requests.