怎么在本地运行umi框架的生产模式

怎么在本地运行umi框架的生产模式

第一种

• 先使用build进行编译构建, 在webstorm软件上可以在package.json文件上点击运行;或者直接在命令行上敲max build进行构建, 构建好后就会多个dist目录，里面就是编译好的静态文件。

• 然后在package.json中添加 "serve": "serve dist"

"scripts": {
    "dev": "max dev",
    "build": "max build",
    "format": "prettier --cache --write .",
    "postinstall": "max setup",
    "setup": "max setup",
    "start": "npm run dev",
    "serve": "serve dist"
  },

• 点击左边的图标就可以运行构建后的应用

• 或者已经在本地完成了项目的构建。 umi build 命令将项目构建到了 dist 目录下，你可以通过在终端中输入以下命令启动本地服务器：

npx http-server ./dist

• 也可以运行生产模式下的应用

  

第二种

直接运行umi框架提供的脚本,也是在package.json文件中

"preview": "npm run build && max preview --port 8000"

• “npm run build”，它会运行npm脚本中的"build"命令。这个命令可以编译和构建应用程序，生成可部署的静态文件。

• “max preview --port 8000”，它使用Max框架提供的命令行工具来启动一个本地服务器并在端口8000上预览应用程序。"–port"选项指定了服务器应该在哪个端口上监听请求。

这条命令的作用是先编译和构建应用程序，然后启动一个本地服务器来预览它。