taro+react项目入门笔记
环境配置
环境配置以及下载在taro官网有详细说明,我这里就大概写下流程:
使用 npm 安装 CLI
$ npm install -g @tarojs/cli
OR 使用 yarn 安装 CLI
$ yarn global add @tarojs/cli
OR 安装了 cnpm,使用 cnpm 安装 CLI
$ cnpm install -g @tarojs/cli
使用命令创建模板项目:
$ taro init myApp
进入项目根目录
$ cd myApp
使用 yarn 安装依赖
$ yarn
OR 使用 cnpm 安装依赖
$ cnpm install
OR 使用 npm 安装依赖
$ npm install
编译运行
这部分基本就是: npm run 环境:平台 / npm build 环境:平台
这部分如果你需要实现不同环境(开发/测试/生产),就需要自己去配置,关于配置下面会详细的写,
编译配置(以h5举例,相信你们可以举一反三)
安装cross-env
npm i cross-env
修改编译命令
找到package.js文件,在scripts对象下修改“build:h5”这一个键值对为““build:h5:dev”: “cross-env BUILD_ENV=dev taro build --type h5”,”之后再添加
““build:h5:test”: “cross-env BUILD_ENV=test taro build --type h5”,
“build:h5:prd”: “cross-env BUILD_ENV=prd taro build --type h5”,”
再将“dev:h5”这个键值对修改为““dev:h5”: “npm run build:h5:dev – --watch”,”,之后再添加:““test:h5”: “npm run build:h5:test – --watch”,
“prd:h5”: “npm run build:h5:prd – --watch”,”
这样就已经将会用到的所有命令修改完成,之后只需要最后一步:
在config/index.js下找到“module.exports =function (merge) {‘’替换为:“module.exports =function (merge) {
const buildConfig = {
env: {
BUILD_ENV: process.env.BUILD_ENV
}
};
return merge(
{},
config,
buildConfig.env.BUILD_ENV=== “dev”?require(“./dev”) : buildConfig.env.BUILD_ENV=== “test”?require(“./dev”): require(“./prod”),
);
}”
当你需要运行任意环境时就可以按照上文提到过的命令行去运行即:npm run 环境:平台 / npm build 环境 : 平台