怎么在本地运行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"选项指定了服务器应该在哪个端口上监听请求。

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

怎么在本地运行umi框架的生产模式相关推荐

  1. umi框架SSR 服务端获取cookie

    umi框架SSR 服务端获取cookie 在项目核心文件server.js 中增加传入自定义参数到ctx中 app.use(async (ctx, next) => { const { html ...

  2. Hadoop本地运行模式了解~

    本地运行模式:单机运行,生产环境不用: 伪分布式模式:单机运行,但是具备Hadoop集群的所有功能,一台服务器模拟一个分布式环境,生产环境不用: 完全分布式模式:多台服务器组成分布式环境,生产环境使用 ...

  3. 本地运行vue.js项目,如何更改调试的默认端口?

    运行本地vue.js项目,如何更改调试的默认端口? 之前学会了安装和使用node.js.npm.cnpm.webpack等相关的一些知识和技巧, 但是在搭建vue.js框架,进行开发的时候,会发现在进 ...

  4. linkerd mysql_《Linkerd官方文档》在本地运行Linkerd

    本地运行 本指南将引导您完成本地下载和运行Linkerd所需的步骤. 为了在本地运行Linkerd,您必须安装Java 8.您可以运行以下命令来检查您的Java版本: $ java -version ...

  5. 从零开始免费搭建自己的博客(一)——本地搭建hexo框架

    ​ 本文是博客搭建系列文章第一篇,其他文章链接: 从零开始免费搭建自己的博客(一)--本地搭建 Hexo 框架 从零开始免费搭建自己的博客(二)--基于 GitHub pages 建站 从零开始免费搭 ...

  6. windows下9款一键快速搭建PHP本地运行环境的好工具(含php7.0环境)

    推荐几款一键快速搭建PHP本地运行环境的好工具(含php7.0及apache,nigix,mysql) 首推phpstudy2016和wampServer3.0.6     理由支持php7.0 目前 ...

  7. SpringBoot创建项目内网穿透过程在到jar包本地运行小案例

    目录 1.创建SpringBoot项目 2.做这个demo的初衷(有赞获取token) 3.解决内网穿透的问题 4.测试内网穿透是否成功 5.SpringBoot打包Jar运行 6.本地运行jar 1 ...

  8. 开发函数计算的正确姿势 —— 使用 Fun Local 本地运行与调试

    前言 首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传.函数计算 ...

  9. 基于Docker本地运行k8s(单节点)

    基于Docker本地运行Kubernetes 概览 下面的指引将高速你如何通过Docker创建一个单机.单节点的Kubernetes集群. 下图是最终的结果: 先决条件 你必须拥有一台安装有Docke ...

最新文章

  1. 构建node.js基础镜像_在Android上构建Node.js应用程序
  2. 最先进的图像分类算法:FixEfficientNet-L2
  3. 修改freebsd的主机名
  4. How to use filter in Analytics Path Framework
  5. MFC 定时器用法 SetTimer、KillTimer
  6. 《Effective Java》—— 对于所有对象都通用的方法
  7. 机器学习java_Java机器学习,第1部分
  8. int * p =NULL;和*p =NULL的区别a和a的区别
  9. 更新SQL Server实例所有数据库表统计信息
  10. leetcode题解3-无重复字符的最长子串
  11. 斗地主发牌编程PHP,php模拟实现斗地主发牌
  12. 英语学渣如何看懂全英文的芯片数据手册
  13. 23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍...
  14. 如何制作ANE+Android以及ANE开发中可能遇到的坑
  15. 迅为stm32mp157开发板资料手册+实战教程+视频教程
  16. 配置计算机能不能关机,win7电脑设置关机时间的详细步骤
  17. hive 三种去重方式
  18. 基于ZYNQ 7000的1553B总线控制器测试系统的设计与实现
  19. 安移通(ARUBA)WiFi短信验证:无线上网热点短信认证设置流程
  20. 二手电脑与Ubuntu的经历-2-显卡知识

热门文章

  1. HTTP服务器的本质
  2. 【分布式限流】你被12306的验证码坑过么?
  3. getMeasuredWidth, getWidth 有什么区别?
  4. selenium捞取http请求信息
  5. 深度解读磁敏传感器技术原理
  6. 等保测评的堡垒机是什么?有什么功能?
  7. 让你可以装逼的算法技巧总结
  8. ARIMA模型的R实现
  9. WPF炫酷UI及动画
  10. MySQL技术内幕-InnoDB存储引擎第2版-学习笔记-01