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 环境 : 平台

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值