详解使用 taro-deploy 自动化构建发布 taro 小程序

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 自动加前缀等功能,可以让我们的项目更加高效。