1. 什么是 taro-deploy
taro-deploy 是一个针对 taro 小程序项目的自动化构建发布工具。使用它可以方便地将 taro 项目构建成可以直接上传到小程序后台的包,并自动完成版本号的管理和增加。
同时,taro-deploy 也支持对代码进行压缩、图片压缩、CSS 自动加前缀等功能。
接下来我们将详细介绍如何使用 taro-deploy 完成小程序的自动化构建发布。
2. 安装和配置 taro-deploy
2.1 安装
在开始使用 taro-deploy 之前,我们需要先安装它。
npm install taro-deploy --save-dev
2.2 配置
安装完 taro-deploy 后,我们需要进行一些配置才能使用它。
首先,在项目的根目录下创建一个 deploy.js 的文件,我们可以在这个文件里进行一些配置,如下所示:
module.exports = {
env: {
NODE_ENV: '"production"'
},
defineConstants: {},
weapp: {
compile: {
exclude: [
'src/components/**/*.(ts|tsx)'
]
},
module: {
postcss: {
autoprefixer: {
enable: true
},
pxtransform: {
enable: true,
config: {}
}
}
},
appConfig: {
baseUrl: 'https://www.example.com'
}
}
}
在以上的配置中,我们可以修改定义常量、设置一些 weapp 选项,或者指定小程序的一些公共配置等。
3. 使用 taro-deploy 完成自动化构建发布
3.1 build 构建命令
在完成安装和配置之后,就可以使用 taro-deploy 进行构建命令了。可以通过以下命令进行构建:
deploy build weapp
上述命令中,build 表示构建命令,weapp 表示构建的平台,可以指定为 weapp/h5。
执行完成后,会在项目根目录下生成一个 dist 目录,里面包含了构建完成的 taro 项目。
3.2 release 发布命令
构建完成之后,我们可以使用 taro-deploy 进行发布,发布后可以将代码直接上传到小程序后台的“上传代码”处,也可以在发布时自动更新版本号。
发布命令如下:
deploy release weapp
执行发布命令后,会自动完成以下操作:
将项目构建出的包完整复制到一个新的临时目录
将小程序项目中 project.config.json 和 app.json 中的版本号对应增加,用于区分不同的发布版本
将构建出的 taro 项目中的代码、图片等文件拷贝到小程序的临时目录
发布完成后,我们就可以直接将生成的临时目录打包上传到小程序后台的“上传代码”处。
4. 总结
taro-deploy 是一个非常方便的工具,它可以帮助我们完成小程序项目的自动化构建和发布。在使用过程中,我们只需要简单地配置一下 deploy.js 文件,然后就可以使用 deploy build 和 deploy release 命令进行构建和发布,大大减少了我们的工作量。
同时,taro-deploy 也支持对代码进行压缩、图片压缩、CSS 自动加前缀等功能,可以让我们的项目更加高效。