一、背景介绍

公司需要打包uniapp的项目为h5，自己之前没接触过，兴趣来了，根据百度搜索需要HBuilderX工具进行打包。

二、思路&方案

1.下载安装HBuilderX
2.HBuilderX中引入项目进行打包
3.遇到问题，缺少插件，根据提示进行解决
4.最终打包成功(打包操作)

三、过程

1.下载安装HBuilderX(绿色解压即可食用)
1.1.地址：https://www.onlinedown.net/soft/1217175.htm
2.HBuilderX中引入项目进行打包
3.遇到问题，缺少插件，根据提示进行解决
3.1.预编译器错误：代码使用了scss/sass语言，但未安装相应的编译器插件，请前往插件市场安装该插件
解决办法：三方地址点击即可跳转
3.2.0;31m–> LibSass 的二进制文件(F:\1.mark资料\100.工具\HBuilderX.2.7.14.20200618.full\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-57\binding.node)缺失，请执行下面3条命令下载对应版本的二进制文件：（有可能引发此错误的原因是 Node 版本变更）[0m
解决办法：三方地址点击即可跳转
4.最终打包成功（附上h5打包步骤）

四、总结

1.以及后续手动打包操作做成自动化的方式；
2.后续还需要查一下通过其它工具是否可以支持打包操作
3.一步一步遇到问题解决问题

五、升华

针对于没有接触过的内容第一反应想到的是学习它、搞定它，这是不是成长型思维？

引用文章：
https://blog.csdn.net/weixin_43848614/article/details/116601210
https://blog.csdn.net/weixin_39729729/article/details/121896135

HBuilderX下载安装以及打包uniapp项目相关推荐

HBuilderX的下载安装和创建/运行项目
文章目录一.HBuilderX的下载安装二.创建项目三.运行项目(uni-app)到手机一.HBuilderX的下载安装 HBuilderX的下载安装的步骤: 第一步:HBuilderX:官方 ...
HbuilderX下载安装
HbuilderX下载安装官网:https://www.dcloud.io/hbuilderx.html 点击download下载. 下载WINDOWS版解压文件上文件夹中找到exe可执行文件, ...
HbuilderX下载安装教程
文章目录下载安装下载通过HbuilderX官网进行下载链接: https://www.dcloud.io/ 选择相应的版本进行下载安装 1.将下载好的文件进行解压操作 2.打开解压好的文件 ...
HBuilderX 下载安装教程
1. 官网地址: https://ask.dcloud.net.cn 下载 HBuilderX-下载地址 2. 下载后,将压缩包复制到适当位置,解压压缩包,找到Hbuilder X可执行程序,双击即 ...
HBuilderX下载安装：国产前端开发工具（赞）
1.HBuilderX简介: HBuilderX,H是HTML的首字母,Builder是构造者,X是HBuilder的下一代版本.我们也简称HX. HX是轻如编辑器.强如IDE的合体版本. 官网链接( ...
Docker安装Jenkins打包Maven项目为Docker镜像并运行【保姆级图文教学】
一.前言 Jenkins作为CI.CD的先驱者,虽然现在的风头没有Gitlab强了,但是还是老当益壮,很多中小公司还是使用比较广泛的.最近小编经历了一次Jenkins发包,感觉还不错,所以自己学习了一 ...
Jenkins下载安装、部署SpringBoot项目
目录 1. Jenkins是什么 2.安装Jenkins 3.Jenkins初始化 4.简单测试Jenkins 5.Jenkins部署SpringBoot项目 5.1 Jenkins的配置 5.2 J ...
eclipse入门教程(下载安装，配置，项目包类的创建，运行方式，常见问题:删除工程乱码问题文档注释快捷生成等，常用快捷键)
1. eclipse下载和安装 1.1 官网下载 1.Eclipse下载地址:点击打开链接 http://www.eclipse.org/downloads/ 进入界面:点击 Download Pac ...
div旋转 vue_详细解析：uniapp项目|vue组件形式实现的水珠晃动loading纯CSS动效
前言上一篇文件给大家分享了一个颇具科技感的loading动效,[→传送门]这篇文章,小凡再来跟大家分享一个很酷的水珠晃动loading动效,依然是纯CSS实现的哦! 一.效果展示及思路分析 1.效果 ...

HBuilderX下载安装以及打包uniapp项目

目录

一、背景介绍

二、思路&方案

三、过程

四、总结

五、升华

HBuilderX下载安装以及打包uniapp项目相关推荐

最新文章

热门文章