Taro框架编译小程序

小程序开发


浏览:559 次

编译并运行Taro的build命令可以用于将Taro代码编译成不同端的代码,然后在相应的开发工具中检查效果。

Taro编译分为开发和构建模式:

dev模式(添加--watch参数)将监听文件修改。

构建模式(去掉--watch参数)不会监视文件更改,而是压缩和打包代码。

在开发模式下生成的文件很大。为生产设置环境变量NODE_ENV可以启用压缩以方便预览,但编译速度会降低。

微信小程序编译命令

#纱线

$yarn开发:weapp

$纱线构造:weapp

#npm脚本

$npm运行dev:weapp

$npm运行构建:weapp

#仅全局安装

$taro build——类型weapp——手表

$taro构建--weapp类型

#NPX用户也可以使用

$npx芋头构建--类型weapp--手表

$npx芋头构建——weapp类型

#监视同时启用压缩

$set NODE_ ENV=生产和;taro build--type weapp--watch#Windows

$NODE_ENV=生产塔罗构建--type weapp--watch#Mac

小程序开发人员工具

下载并打开微信开发者工具,然后选择项目根目录进行预览。

注意开发人员工具的项目设置:

需要将关闭ES6的功能设置为ES5,打开时可能会报告错误

当上传代码关闭时,您需要设置样式的自动完成,并且在启用上传代码时可能会报告错误

您需要将代码压缩上载设置为禁用。如果启用,可能会报告错误

百度小程序编译命令

#纱线

$yarn开发:swan

$yarn build:天鹅

#npm脚本

$npm运行开发:swan

$npm运行构建:swan

#仅全局安装

$taro build--类型swan--手表

$taro build--类型swan

#NPX用户也可以使用

$npx塔罗牌手表

$npx芋头构建--类型swan

#监视同时启用压缩

$set NODE_ ENV=生产和;taro build--type swan--watch#Windows

$NODE_ENV=生产芋头构建--类型swan--观看#Mac

小程序开发人员工具

下载并打开百度开发者工具,并确保小程序项目配置文件项目。swan已设置为json然后选择项目根目录下的dist目录(根目录配置中outputRoot设置的目录)进行预览。

注意开发人员工具的项目设置:

ES6至ES5功能需要关闭,如果打开,可能会报告错误

当您需要在上传代码时关闭样式的自动完成时,您可能会在打开时报告错误

代码压缩上载需要关闭。如果打开,可能会报告错误

支付宝小程序编译命令

#纱线

$yarn开发:alipay

$yarn构建:alipay

#npm脚本

$npm运行dev:alipay

$npm运行构建:alipay

#仅全局安装

$taro build——类型alipay——watch

$taro build--类型alipay

#NPX用户也可以使用

$npx taro build——类型alipay——watch

$npx塔罗构建--类型alipay

#监视同时启用压缩

$set NODE_ ENV=生产和;taro build--type alipay--watch#Windows

$NODE_ENV=生产塔罗构建--type alipay--watch#Mac

小程序开发人员工具

下载并打开支付宝小程序开发工具,然后选择项目根目录下的dist目录(根目录配置中outputRoot设置的目录)进行预览。

注意开发人员工具的项目设置:

ES6至ES5功能需要关闭,如果打开,可能会报告错误

当您需要在上传代码时关闭样式的自动完成时,您可能会在打开时报告错误

代码压缩上载需要关闭。如果打开,可能会报告错误

字节跳动小程序编译命令

#纱线

$yarn开发:tt

$yarn构建:tt

#npm脚本

$npm运行dev:tt

$npm运行构建:tt

#仅全局安装

$taro build--键入tt--watch

$taro构建--类型tt

#NPX用户也可以使用

$npx芋头构建--键入tt--手表

$npx芋头构建--类型tt

#监视同时启用压缩

$set NODE_ ENV=生产和;taro build--键入tt--监视#Windows

$NODE_ENV=生产塔罗构建--type tt--watch#Mac

小程序开发人员工具

下载并打开字节跳动小程序开发工具,并确保小程序项目配置文件项目。tt已设置为json然后选择项目根目录下的dist目录(根目录配置中outputRoot设置的目录)进行预览。

注意开发人员工具的项目设置:

ES6至ES5功能需要关闭,如果打开,可能会报告错误

当您需要在上传代码时关闭样式的自动完成时,您可能会在打开时报告错误

代码压缩上传需要关闭。如果打开