改变svelte和sveltekit的默认端口号示例教程

本教程告诉你如何改变svelte和sveltekit应用程序的默认端口号。

svelte应用程序可以用sveltejs/template 。

sveltejs/template使用sirv cli工具。默认情况下，Svelte应用程序使用npm run dev 命令运行，监听端口为5000。

我们有多种方法可以改变 以下是package.json中为默认端口创建的现有脚本

{
  "name": "svelte-app",

  "scripts": {
    "build": "rollup -c",
    "dev": "rollup -c -w ",
    "start": "sirv public --no-clear "
  }
}

添加--port或-p 选项，用新的端口值来运行一个新端口的服务器。

从

    "start": "sirv public --no-clear "

改为

    "start": "sirv public --no-clear  --port 8700"

现在，运行npm run dev 命令，并在8700处监听，应用程序可在http://localhost:8700。

另一种方法。

你也可以使用环境变量PORT=9000

    "dev": "PORT=9000 rollup -c -w ",

这在Windows中不适用，但在Unix和macOS中适用。

sveltekit是一个全栈式的应用程序框架。

sveltekit应用程序是用svelte cli创建的。

它使用svelte-kit cli来启动一个应用程序。

{
  "name": "sveltekitexample",
  "version": "0.0.1",
  "scripts": {
    "dev": "svelte-kit dev",
    "build": "svelte-kit build",
    "package": "svelte-kit package",
    "preview": "svelte-kit preview",
    "test": "playwright test",
    "lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
    "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
  },

它使用npm run dev 命令来启动sveltekit应用程序，默认端口为3000监听。

你可以添加--port 或-p 选项来使用新的端口号。

    "dev": "svelte-kit dev --port 9000",

它启动应用程序，可通过http://localhost:9000。