Taro-React-Quick-Start

基于 Typescript、 React 构建 Taro 应用的脚手架。GitHub.

Taro 版本为 3.3.12。

• babel 支持
• typescript 支持
• react 支持
• sass 支持
• png|svg|jpg|jpeg|gif 引入支持
• git commit hooks, no 💩

示例

• Github Page：点这里打开

• 最新 Releases：点这里下载

环境

使用的 Node 的构建版本为 v14.2.0，为避免冲突，建议使用此版本。建议可以使用 nvm 管理 Node 版本。

启动

1
2
3
4
5
6
7
8
9
10
11
12
13

# 如有必要，安装node版本并切换node版本
nvm install 14.2.0 && nvm use 14.2.0

# 下载最新
git clone git@github.com:funnyzak/taro-react-quick-start.git -b master ./taro-react-app

# 安装依赖
cd ./taro-react-app && npm install

# 开发启动
npx taro build --type h5 --watch
# or
npm run dev:h5

然后，即可启动 H5 开发服务。

打包

打包默认的输出目录为：dist/[platform]

1
2
3
4
5

# 打包H5 输出到: dist/ht
npm run build:h5

# 打包微信小程序, 输出到：dist/weapp
npm run build:weapp

更多脚本命令查看 package.json .

版本升级

1
2
3
4
5
6
7
8

# 升级 Taro CLI 工具:
npm i @tarojs/cli@latest

# 更新项目中 Taro 相关的依赖:
npx taro update project

# 重新安装依赖:
rm -rf ./node_modules && npm install

参考

• Babel Config
• EsLint
• eslintignore-file
• TSconfig
• npmrc
• gitignore
• webpack
• prettier

建议

对于在 Taro 中使用 TypeScript 有一些建议：

• 使用 tslint 作为编辑器内置的 linter
• 使用 eslint 命令行工具配合 typescript-eslint-parser 和 eslint-config-taro(见 .eslintrc) 作为 precommit 或者 prepush 的钩子，在提交或 commit 或编译出现问题时检查代码是否符合 Taro 规范
• 不要在 TypeScript 使用 Redux 的 connect 装饰器，使用普通的函数写法,详情见: #9951
• 当你的项目不那么复杂时，可以不使用 Redux

License

MIT License © 2021 funnyzak