首页 > 其他分享 >用jenkins构建HBuilder创建uni-app项目打包成H5发版

用jenkins构建HBuilder创建uni-app项目打包成H5发版

时间:2023-09-19 16:55:21浏览次数:24  
标签:npm node run app HBuilder project 发版 my project2

此文章可以打包h5,但缺少index.css引用。

1、用HBuilderX工具创建uni-app项目选择默认模板

 生成项目名为:my-project

 2、在linux环境下在安装好node 和npm 前提下

(去官网:https://nodejs.org/en/download  下载:node-v14.18.1-linux-x64.tar.xz  或 wget https://nodejs.org/dist/v14.18.1/node-v14.18.1-linux-x64.tar.xz )

$node -v
v14.18.1

$npm -v
6.14.15

使用vue create -p dcloudio/uni-preset-vue my-project2

同样选择默认模板

 

发现用命令行生成的my-project2项目结构

在my-project2项目下运行

npm run serve  访问正常证明当前环境是OK的。

 npm run build 打包后的结构

 

 

 

 3、用vue-cli命令与HBuilderX工具创建的项目结构不一样

将HBuilderX  my-project项目下创建一个src文件夹然后将原来my-project的内容全部迁移到src,将my-project2项目除src,public文件夹外的文件全部复制到my-project项目。将新的my-project复制上linux环境下,进入my-project 执行npm install    和npm run serve 或npm run build 都能成功,但访问页面时发现缺少引用index.css

 

  用npm run build 打包后的结构是一样

 

标签:npm,node,run,app,HBuilder,project,发版,my,project2
From: https://www.cnblogs.com/syingBlog/p/17715070.html

相关文章

  • 微信小程序转换成uniapp项目
    1.把微信小程序转换成uniapp项目1.1 安装miniprogram-to-uniapp插件打开cmd,运行【npminstallminiprogram-to-uniapp-g】进行安装,因为这个包是工具,要求全局都能使用,所以需要-g进行全局安装。npminstallminiprogram-to-uniapp-g如果运行npm报错,请先安装Node.js,下载地......
  • 解决Logic Apps terraform部署时大小写问题
    今天来分享一个实际工作中遇到的一个问题,首先来描述下场景和问题,我们之前在使用terrafrom来部署一些logicapps,具体部署的方法之后准备单独写博客来分享下,其实也是挺值得谈谈的这次先来简单分析下遇到的问题,logicapps里其实包含了很多子组件,包括trigger,action等等,都用terraform......
  • 短视频app源码,Android TextView文字,删除线以及下划线
    短视频app源码,AndroidTextView文字,删除线以及下划线1、删除线 TextViewtextview=(TextView)view.findViewById(R.id.textviewk);textview.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);​2、下划线 TextViewtextview=(TextView)view.findViewById(R.id.textvi......
  • MyBatis中 Mapper.xml 文件
     resources目录下新建文件夹mapper(个人习惯全路径与Mapper类对应) <?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-//mybatis.org//DTDMapper3.0//EN""http://mybatis.org/dtd/mybatis-3-mapper.dtd......
  • 【Android】折叠效果CoordinatorLayout+AppBarLayout首页效果&& CoordinatorLayout抖
    亲测效果如下:布局结构<?xmlversion="1.0"encoding="utf-8"?><android.support.constraint.ConstraintLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto&qu......
  • win10 按键盘偶尔会出现一个光圈when pressing ctrl, randomly a white circle thing
    whenpressingctrl,randomlyawhitecirclethingappearsaroundmymousecurser.SolutionTwo:Thisonlyappliesifyouhave"Powertoys"installed. OpenPowertoysNavigateto'Mouseutilities'onthesidepanel.Turnoff'......
  • [Design-Data-Intensive-Application] Scalability
    1scaleupbettercpubettersever2scaleout Weibo/post/user/follow1) postselectpostfrompostsjoinusersonp.send_id=u.idjoinfollowsonf.id=u.idwherecur_id=f.followee.id(read) celebrity->wirtepoststoeveryfollow......
  • Xcode 15 正式版发布(百度网盘下载) - Apple 平台 IDE
    发布日期:September18,2023,北京时间9月19日凌晨Xcode15Release(15A240d)-Apple平台IDEIDEforiOS/iPadOS/macOS/watchOS/tvOS/visonOS请访问原文链接:https://sysin.org/blog/apple-xcode-15/,查看最新版。原创作品,转载请保留出处。作者主页:sysin.orgvisonOS支......
  • [Design-Data-Intensive-Application]- Reliability
    1 Howtoworkunderfailure 1)error&solutionerrorHW-errordisk/network/machine SW-errorbug(sandbox->Experiment)humanerror(Accesscontrollist). operationerror solutionAccesscontrollistsandboxCI/CD+AutomadeTesting......
  • @Mapper注解、@MapperScan注解
    @Mapper作用:在接口类上添加了@Mapper,在编译之后会生成相应的接口实现类添加位置:mapper接口类上面@MapperpublicinterfaceUserMapper{//代码}如果想要每个接口都要变成实现类,那么需要在每个接口类上加上@Mapper注解,比较麻烦,解决这个问题用@MapperScan@MapperScan作......