본문 바로가기

개발하자

서버 없이 파일://에서 Svelte 앱 실행

반응형

서버 없이 파일://에서 Svelte 앱 실행

나는 스벨테 앱을 실행하고 서버 없이 실행할 수 있어야 한다. 다른 프레임워크에서는 자바스크립트에 불과하기 때문에 이것이 가능하지만 나는 내 index.html을 클릭하고 스벨테로 빌드된 내 앱을 실행할 방법을 찾을 수 없다




나는 스벨테 앱을 실행하고 서버 없이 실행할 수 있어야 한다. 다른 프레임워크에서는 자바스크립트에 불과하기 때문에 이것이 가능하지만 나는 내 index.html을 클릭하고 스벨테로 빌드된 내 앱을 실행할 방법을 찾을 수 없다

나는 그것을 두 가지 구성 요소로 나눌 것이다. svelte 앱을 만들고 실행하는 것이다.

첫째, 컴파일을 수행하기 위해 롤업(롤업)을 실행하고 노드 서버를 실행하기 때문에 스벨테 앱에 컴퓨터가 필요하지만, OP가 요구하는 것은 이것이 아닙니다...

스벨테 앱의 주소를 지정하려면 실행 중인 서버 없이 이를 실행할 수 있습니다.

첨부를 참조하십시오

screenshot

svelte create-svelte app generate 명령에서 a를 출력합니다.

이것은 Surge.sh 에서 파일을 호스팅하는 데 사용될 수 있지만, 이 "로컬 파일"을 만들기 위해서는 출력 html을 다음과 같이 편집해야 합니다(즉, 베이스 제거).

원본 원본 인덱스.vmdk

<link rel='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='global.css'>
<link rel='stylesheet' href='/build/bundle.css'>

<script defer src='/build/bundle.js'></script>

최종 html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1'>

    <title>Svelte app</title>

    <link rel='icon' type='image/png' href='favicon.png'>
    <link rel='stylesheet' href='global.css'>
    <link rel='stylesheet' href='build/bundle.css'>

    <script defer src='build/bundle.js'></script>
</head>

<body>
</body>

</html>



Swelte(SvelteKit가 아님)를 사용하고 있고 단일 페이지만 있는 경우. 를 사용하여 빌드에서 모든 파일을 하나의 파일로 병합할 수 있으며 파일을 통해 작동합니다


반응형