uniapp小程序用vscode运行h5

文章讲述了如何将基于HBuilderX模板的uniapp小程序项目转换为H5,涉及到使用CLI重置项目结构、处理nodesass版本冲突、以及解决API实现未实现的问题。通过修改manifest.json的treeShaking设置以解决问题。

uniapp小程序项目改成h5,如果用HbuilderX模版搭建的项目,项目打包只支持HbuilderX自动化打包不支持npm打包,jinkens自动化更不可能.
**解决方案:**使用cli搭建一个新项目(空壳),再把之前的小程序代码塞进去,
在这里插入图片描述
cli搭建项目空壳并将小程序代码拉进去
在这里插入图片描述
CLI方式搭建cli(uniapp)项目

vue create -p dcloudio/uni-preset-vue my-test

在my-test项目中的package.json文件中
在这里插入图片描述
然后安装npm i安装依赖,基本上所有项目都会有node sass版本问题
参考对应版本更改node sass版本
之后可能遇到export default和module.exports冲突问题,网上很多改各种东西的,改来改去都没用,最终用export default替换module.exports
然后运行成功

项目里面可能会出现这样的报错
...api is not yet implemented
**解决方法:**找到manifest.json文件,更改treeShaking里面的值为false,然后重启
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值