gftttrrtrt4
gftttrrtrt4
  • 发布:2020-04-27 15:14
  • 更新:2021-10-19 09:53
  • 阅读:5865

用vue-cli创建uni-app项目记录

分类:uni-app

为什么要使用vue-cli创建?

因为我这边的项目一般升级都只在线升级,只有极少数情况下才会走整包升级,但是由于HBuildeX更新过于频繁,并且不同的版本会带来问题(http://ask.dcloud.net.cn/article/35627),导致必须整包升级,所以为了减少整包升级的频率,使用了vue-cli创建项目,一般不进行编译器的升级,一直使用指定的编译器版本

  • 第一步: 根据官方文档创建项目

  • 第二步: 安装依赖
    我使用sass, 所以安装了sass-loader 和 sass, 不使用node-sass使因为node-sass安装慢且经常失败,需要注意的是dart-sass不支持/deep/和>>>,需要使用::v-deep代替

     npm install sass sass-loader --save-dev
  • 第三步
    在src目录下,开发即可,和使用HBuilderX无区别,仅目录不同

  • 生成wgt:

    1. 用npm run build:app-plus打包app资源,具体看文档
    2. 把整个项目拖进HBuilderX中,发行 -> 制作wgt,走的也是项目中的编译器,不是HBuilderX中的编译器
1 关注 分享
t***@gmail.com

要回复文章请先登录注册

enderX

enderX

回复 6***@qq.com :
就是 a***说的那样,打完包之后压缩文件,扩展名改为 wgt 就可以了
2021-10-19 09:53
6***@qq.com

6***@qq.com

回复 enderX :
大佬找到答案了吗 我也想知道
2021-10-14 15:02
enderX

enderX

回复 nicepainkiller :
thx,扩展名 wgt 格式就可以对吧
2021-09-13 09:33
nicepainkiller

nicepainkiller

回复 enderX :
npm run build:app-plus 打包完毕压缩文件就可以了
2021-09-08 18:01
enderX

enderX

是否有办法做在线的 wgt 生成呢?
2021-07-04 18:41