タイトル : svelte まずはrun devするまで 2023/10 (sveltekitなしでviteから)
更新日 : 2023-10-01
カテゴリ : プログラミング
Svelte で run dev するまで
npm create svelte@latest を使うと SvelteKit 付きになるとのこと。とりあえずの最初なので、SvelteKitなしで行きます。
Viteのテンプレートに svelte-ts があったので、Viteでやってみます。
(npx degit sveltejs/template プロジェクト名 の例もあるけど、degitではなく、今は、vite推奨らしい)
$ npm create vite@latest svelte-test1 -- --template svelte-ts
Need to install the following packages:
create-vite@4.4.1
Ok to proceed? (y) y
Scaffolding project in /home/XXX/work/Svelte/Try1/svelte-test1...
Done. Now run:
cd svelte-test1
npm install
npm run dev
$ 他から接続するので、package.json を編集します。
svelte-test1/package.json 抜粋
"scripts": {
"dev": "vite --host", ★--hostをつける。--host 0.0.0.0 でもOK
"build": "vite build",npm run dev すると、Networkのところが以下の★になって、他から接続出来ました。
VITE v4.4.9 ready in 345 ms
➜ Local: http://localhost:5173/
➜ Network: http://192.168.11.6:5173/ ★ここ
➜ press h to show help
ちなみにつける前は以下
➜ Network: use --host to expose