Taro 使用记录

Taro: https://docs.taro.zone/docs
版本： Taro – 3.5.3 Vue： 3.0.0

一、scripts 命令

    "build:weapp:prod": "NODE_ENV=production taro build --type weapp",
    "build:weapp:prod:win": "cross-env NODE_ENV=production taro build --type weapp",
    "build:weapp:prod:devapi": "NODE_ENV=production NODE_API=development taro build --type weapp",
    "build:weapp:prod:devapi:win": "cross-env NODE_ENV=production NODE_API=development taro build --type weapp",
    "build:weapp:dev:devapi": "NODE_ENV=development NODE_API=development taro build --type weapp",
    "build:weapp:dev:devapi:win": "cross-env NODE_ENV=development NODE_API=development taro build --type weapp",
    "dev:weapp": "npm run build:weapp:dev:devapi -- --watch",
    "dev:weapp:win": "npm run build:weapp:dev:devapi:win -- --watch",
    "prod:devapi:weapp": "npm run build:weapp:prod:devapi -- --watch",
    "prod:devapi:weapp:win": "npm run build:weapp:prod:devapi:win -- --watch",
    "prod:weapp": "npm run build:weapp:prod -- --watch",
    "prod:weapp:win": "npm run build:weapp:prod:win -- --watch",

1、 Windows环境

# 本地开发 
	# 开发环境方式构建（代码不压缩，构建速度快，但是包体积过大无法真机调试） - 调测试接口
$ npm run dev:weapp:win
	# 正式环境方式构建（代码压缩，构建速度慢，但是包体积小，可以真机调试） - 调正式接口
$ npm run prod:weapp:win

# 发布上线
	# 测试环境 - 代码压缩构建 + 调用测试环境接口
$ npm run build:weapp:prod:devapi:win
	# 正式环境 - 代码压缩构建 + 调用正式环境接口
$ npm run build:weapp:prod:win

2、 MAC 环境

# 本地开发 
	# 开发环境方式构建（构建速度快，但是包体积过大无法真机调试） - 调测试接口
$ npm run dev:weapp
	# 正式环境方式构建（构建速度慢，但是包体积小，可以真机调试） - 调正式接口
$ npm run prod:weapp

# 发布上线
	# 测试环境 - 代码压缩构建 + 调用测试环境接口
$ npm run build:weapp:prod:devapi
	# 正式环境 - 代码压缩构建 + 调用正式环境接口
$ npm run build:weapp:prod

Tips: 本地开发时，采用不压缩构建时，如果包的体积超了3M，可以在微信开发者工具勾选： 详情-本地设置-预览及真机调试时主包、分包体积上限调整为4M

二、相关配置

1、vue-dev-tool

可以使用vue-dev-tool方便查看各种vue数据

# 1、安装依赖
npm i @tarojs/plugin-vue-devtools --save-dev
# 2、配置
在 /config/index.js的 plugins配置项中添加： '@tarojs/plugin-vue-devtools'

2、全局变量

在 /config/index.js 中配置。不知道为什么在 /config/dev.js 和 /config/prod.js 中配置的无效

defineConstants: {
	baseUrl: process.env.NODE_API === 'development' ? '"http://129.122.222.120/dev"' : '"https://dev.taro.cn"',
	baseImgHost: process.env.NODE_API === 'development' ? '"http://129.122.222.120/img"' : '"https://dev.taro.cn/img"'
}