>[warning]### **注意事项** > 1.使用工具: [HBuilderX ](https://www.dcloud.io/hbuilderx.html) > 2.线上运行请将打包好的文件上传至 /public 下 ## uni-app打包公众号H5 1.打开HBuilderX编译器,点击文件->点击打开目录 ![](https://img.kancloud.cn/2d/94/2d946cd3d8b963c30b4e970ceabaea29_1112x430.png) 2.选择PRO源码包,前台文件目录 /view/uni-app/ 3. 点击发行,网站-H5手机版,进行打包 ![](https://img.kancloud.cn/77/51/7751db9bba705c68c9887d7bf397443a_1258x762.png) >[warning]打包时编辑器出现:预编译器错误:代码使用了scss/sass语言,stylus语言,但未安装相应编译器... ![](https://img.kancloud.cn/5a/d2/5ad26fc99ff2d801d9682b6f7ab57a66_1442x120.png) **解决方法**:直接点击提示连接,或者打开 工具--插件安装--scss/sass编译进行安装。![](https://img.kancloud.cn/09/aa/09aabcb48bb7f07cce9e0a361bce378b_2568x820.png) 安装完成后,再次点击 发行,网站-H5手机版。 4. 打包完成后,会看到如下图提示,直接点击打开路径, 或者手动 //view/uni-app/unpackage/dist/build/h5 ![](https://img.kancloud.cn/98/64/98643ec6691d487eb9bc5818cd212d55_1482x148.png) 5.复制pages,static文件夹和index.html文件移到public下。 ![](https://img.kancloud.cn/25/a9/25a91ddd993577f9db94f727ccdf035a_1029x531.png) 公众号h5前端打包完成。线上环境,记得同步到线上站点哦。