vue/react打包项目生成dist/build文件后，怎么测试 当前打包版本

最新推荐文章于 2024-06-20 20:40:52 发布
最新推荐文章于 2024-06-20 20:40:52 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42092177/article/details/105535502
版权

1、npm install -g serve(全局安装)

2、打包命令： 查看 package.json 中的打包命令：

3、打包后生成dist的包后 serve -s dist(运行打包后的文件)

4、手机输入IP端口直接也可以测试

saturday-yh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
build打包后怎么查看源码 vue_vue2源码解析一：打包与构建流程
weixin_39785858的博客
11-26 619
本系列文章，基于vue 2.6.11进行解析，不追究每行代码分析清楚，但求把握大体的重点，比如源码构建流程；如何实现数据双向绑定；如何解析模板；如何解析一个组件的data，method，computed等属性；如何实现在weex，web等多场景下运行。理解有限，有问题希望指正。我们拿到源码，其实一般有两个着手点从代码执行的入口，比如vue执行，一般是 new Vue() 一个实例出来，所以直接在代...
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家 打包之后打开dist的页面显示空白： 这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下...
vue2、vue3打包版本号
王小二的博客
03-21 1303
适用于正式生产打包时在dist目录下生成zip压缩包，并以版本号命名，每次打包自动叠加构建次数，同时可避免部分公司内的加密软件对前端文件加密。
Vue测试环境打包test
最新发布
m0_72189003的博客
06-20 210
env.production如下：（正式线上环境，或者叫生产环境）一种是测试环境，就是测试人员使用的服务环境。一种是生产环境，就是要发布到线上的环境。一种是开发环境，就是本地开发时的环境，.env.test（测试环境）
vue项目本地测试
weixin_56731032的博客
05-24 242
2. 全局安装 npm install http-server -g。3.在dist文件夹下面， cmd =》 http-server。1. 本地打包 npm run build。
vue3组件库项目学习笔记（三）：测试你的组件
weixin_46463785的博客
01-17 934
在完成一个组件之后，我们可以看到，想要测试你的组件，需要将他引入你的项目中，然后将你的组件的内容一项一项进行测试，在属性和内容多了以后，这样做是十分没用效率的，所以我们可以选用 vite 环境自带的 vitest 进行自动化测试。
测试build出来的dist文件夹是否编译成功
weixin_30567225的博客
07-15 590
一.先用webpack执行 npm run build 成功后会生成dist文件夹。 二.把dist文件夹推到SVN项目指定位置。注意：因为build后会生成很多的js css font文件并没用加入到SVN版本管理器中, 所以在提交代码前需要手动把新的文件加入到SVN中。 三.找到eclipse中的 cfin(项目名称)/Deployed Resources/webapp,把编译好的dis...
【Vue五分钟】Vue项目的后期打包、上传、构建文档、组件测试操作
Lushengshi的博客
09-13 690
关于Vue项目应该怎么做到国际化、怎么做到高效的构建打包发布、怎么构建可交互式的组件文档以及怎么做好组件的单元测试！
vue webpack打包优化操作技巧
08-28
* dist 文件夹：打包后的文件 * node_modules 文件夹：项目的依赖包 * src 文件夹：项目的源码 * static 文件夹：项目使用的静态资源 * index.html：项目的首页 * package.json 文件：项目的配置 json * yarn.lock ...
iot-dc3-web build::test 打包后dist
10-21
标题中的“iot-dc3-web build::test 打包后dist”表明这是一个关于物联网(iot)项目中的DC3(Web版本)构建与测试后的输出结果。"build::test" 指的是开发过程中构建和测试阶段，而“dist”通常是指打包生成的可部署的 ...
jsonforms：带有React，Angular和Vue支持的可自定义的基于JSON模式的表单
01-31
开发人员文件首次设置安装 （版本> = 6.xx） 更新npm（版本> = 5.8.0） 克隆此存储库安装依赖项： npm ci 连接软件包之间的依赖关系： npm run init构建与测试构建（所有软件包）： npm run build 测试（所有软件包...
webpack_react
09-18
2. **安装依赖**：在项目根目录下运行 `npm init -y` 初始化 package.json 文件，然后安装 Webpack、Webpack CLI、Babel（用于将 JSX 转换成 JavaScript）以及 React 相关库： ``` npm install webpack webpack-...
create-react-app配置按需引入antd、支持.less、打包输出的文件夹从build变成dist、打包后文件引用报错时地址的修改
qq_35306736的博客
04-21 1172
create-react-app如何修改webpack配置一共有三种 第一种,执行eject不可逆的操作来保留配置文件，这个网上很多。 -----第二种,和第三种都是不执行eject的，在根目录下新建的config-overrides.js文件上做修改。 第二种【仅这种笔者提供确保可执行的代码】： 使用 react-app-rewired 插件，并在此基础上使用 customize-cr...
本地启动vue、react打包后的dist的文件
weixin_44796597的博客
09-05 4043
本地启动，打包后的html 1.新建server.js 2.npm install express 3. 路径指为dist的index.html 4.启动server.js的本地服务 server.js的代码 var express = require("express"); var app = require("express")(), server = require("http"...
react打包解决方案
xuelang532777032的博客
12-24 6003
博主也是找了很多打包方面的资料  碰了很多坑，才搞定的 ， 很多博文直接上代码  不说安装工具和  其中注意的事项的，坑爹。 如果你按博主的方法搞定了，记得 点个赞吧或者加关注。 react很好懂也很好学  你在 runoob 或者阮一峰的博客都能学到写react 但是！ 如果react  的 定义层 跟 调用层 无法分离，换句话说， 如果A页面 B页面 都要调用一个自定
vue打包后dist文件在本地启动运行
qq_38902432的博客
04-04 4845
vue项目开发好后，想在本地运行测试最后的打包文件可以通过http-server来启动。最后在浏览器输入：127.0.0.1:9007就可以查看了。
vue打包后，生成的dist文件出现浏览器缓存问题——技能提升
yehaocheng520的博客
07-07 1180
vue打包后，生成的dist文件出现浏览器缓存问题——技能提升
查询ES的版本信息
weixin_45442529的博客
06-02 6925
查询es的版本信息
如何快速在本地运行你vue打包的的dist文件
cypking的博客
07-26 1825
要在本机启动运行前端提供的dist包，需要先安装一个HTTP服务器，例如Apache,Nginx，phpstudy。这里以使用Node.js的http-server为例进行说明 首先，确保已经安装了Node.js。如果没有安装，可以从官网下载并安装。 打开终端或命令行窗口，使用以下命令安装http-server npm install -g http-server 进入dist...
webpack打包vue项目之后生成的dist文件本地运行
09-02
在使用webpack打包vue项目后生成的dist文件，我们可以通过以下步骤在本地运行： 1. 首先，我们需要将dist文件夹复制到我们项目的根目录下。假设我们的项目名为"my-project"，现在我们的项目目录结构如下： ``` my-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值