scalajs-sbt-vite-laminar-chartjs-example - GitLite

KO | EN

gitlite — search

#javascript #python #llm #golang #machine-learning #deep-learning #linux #nodejs #java #cli #kubernetes #vue #pytorch #ios

scalajs-sbt-vite-laminar-chartjs-example

(★ 93)

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

파일 탐색기

최종 버전 다운로드 (.zip)

- build.properties
- plugins.sbt
.gitignore
.sbtopts
build.sbt
favicon.svg
index.html
LICENSE
main.js
package-lock.json
package.json
README.md
style.css
vite.config.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/sjrd/scalajs-sbt-vite-laminar-chartjs-example

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd scalajs-sbt-vite-laminar-chartjs-example

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

$ npm run dev

개발/실행 서버를 켭니다.

$ npm run build

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

This is an example of putting together:

* [Scala.js](https://www.scala-js.org/)
* [sbt](https://www.scala-sbt.org/)
* [Vite](https://vitejs.dev/)
* [Laminar](https://laminar.dev/)
* [Chart.js](https://www.chartjs.org/), statically typed with [ScalablyTyped](https://scalablytyped.org/)

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:
* [Vite](https://github.com/sjrd/scalajs-sbt-vite-laminar-chartjs-example/tree/scalajs-vite-end-state)
* [Vite + Laminar](https://github.com/sjrd/scalajs-sbt-vite-laminar-chartjs-example/tree/laminar-end-state)
* [Vite + Laminar + ScalablyTyped](https://github.com/sjrd/scalajs-sbt-vite-laminar-chartjs-example/tree/scalablytyped-end-state)

## Install

You need to explicitly install the following software:

* sbt, as part of [getting started with Scala](https://docs.scala-lang.org/getting-started/index.html) (or if you prefer, through [its standalone download](https://www.scala-sbt.org/download.html))
* [Node.js](https://nodejs.org/en/)

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.