uni-app-smart-build uni-app 微信小程序 + h5自动打包
介绍
这个自动打包还是先来个介绍,因为前置条件必不可少。
首先的话,此包只能在 # vue create -p dcloudio/uni-preset-vue 项目名 #安装的cli下去执行,主要原因是HBuilder下限制太多,无法去实现这类功能。
具体使用参考https://www.jianshu.com/p/74c06e649e71。 该cli的主要作用是可以在vscode上做一些 Hbuider上才能做的事情,使用vs code开发uni更加方便。
使用 npm install uni-app-smart-build
const build = require('uni-app-smart-build');
const buildPath = {
projectName:'testProject',
wx:true,//是否打包wx
h5:true,//是否打包h5
options:{
log:true,//是否要输出打包完后信息,如果为true,就会在当前执行文件下生成一个 results.json 文件用来展示目录,
wxKeyPath:'D:/xx/xx',//微信上传秘钥文件
H5compressing:true,//是否要压缩打包后的h5
},
};
build(buildPath);//现在你离成功只差 一个node xxx.js
字段 | 是否必传 | 示例 | 说明 |
---|---|---|---|
projectName | true | testProject | 打包的项目名,最后打包结果会生成在dist/项目名下 |
wx | true | true | 是否打包微信 |
h5 | true | true | 是否打包h5 |
options | false | {} | 关于wx和h5打包后的一些配置 |
options/log | false | true | 是否生成打包成功后的结果文件 |
options/wxKeyPath | false | D:/xx/xx | 传路径即为自动上传打包完后的wx小程序代码,不传则跳过wx代码上传步骤 |
options/H5compressing | false | true | 是否要压缩打包完后的h5代码 |
规则(更多详细,请看文章)
https://juejin.cn/post/6990753550972223518
必须在cli的根目录下创建文件夹,然后在新创建的文件夹内创建xxx.js,并根据自己的需求改写示例代码 写入xxx.js,然后在创建的文件夹里打开终端并且node xxx.js。