1.在自己项目的ios文件夹下新建一个文件夹取名bundle（ps:ios文件夹和node_modules文件夹在同一级目录下，这个bundle文件夹名称随意取，后面要用到，但是记得在相应地方改一下就好了）2.为了方便，将打包命令写到项目package.json文件里，然后执行命令：npm run bundle-ios
EA9D8CCD-C12D-4DBA-A30C
转载
2024-01-17 22:01:07
54阅读
注意事项（报错）npm install -g cnpm --registry=https://registry.npm.taobao.org
'react-scripts' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
// 有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，
## 解决方案1：
npm install react-scr
转载
2024-07-04 08:20:03
58阅读
npm npm i -D style-loader css.loader webpack.config.js module.exports = { // ... module: { rules: [ { test: /\.css$/, use: ['style-loader', 'css-loade ...
转载
2021-09-09 10:37:00
268阅读
2评论
1、在sublime里安装好less（less语法高亮功能插件）和Less2Css（编译功能插件）这两个插件，具体步骤为： Ctrl+Shift+p打开命令面板，输入install package并在下拉里选中install package（这里必须已经安装好了管理插件的package control插件），弹出新搜索框之后再输入要安装的插件，然后下拉出现对应插件，点击安装。2、安装好插件后还不能
转载
2024-04-01 19:32:48
63阅读
使用call调用yarn安装包，防止批处理退出 使用set设置环境变量，代替cross-env branch是变量 call yarn echo install done set MODE_ENV=jenkins set BUILD_PATH=/temp/air/%branch% set PUBLI
原创
2024-04-28 13:53:36
18阅读
使用call调用yarn安装包，防止批处理退出使用set设置环境变量，代替cross-envbranch是变量call yarnecho install doneset MODE_ENV=jenkins set B
原创
2022-06-30 17:53:07
108阅读
React状态管理
React内置的hooks来管理局部状态：useState, useReducer useContextTips
局部状态: React 的 useState, useReducer, useContext Hooks通过 Graph QL 的远程状态: Apollo Client通过 REST 的远程状态: React Hooks or Redux/MobX/
文章目录前言一、环境变量二、.gitignore的用法三、使用步骤1.在项目中安装 dotenv`dotenv`、`dotenv-expand`1.dotenv2.`dotenv-expand`2.根目录下创建 .env 文件3.根目录下多环境 .env.xxx 文件总结 前言前后端分离的项目中，前端会有很多环境：本地开发，测试环境，预发布环境，正式上线环境等等，我们的项目有多套基本相同的项目，
转载
2024-03-20 11:37:34
345阅读
gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压
原创
2022-06-05 01:44:37
193阅读
一：直接删除.map文件即可二：通过修改配置文件改掉自动生成（建议大家测试环境的时候不要关闭，这样有利于定位查找代码错误的位
原创
2021-09-24 09:29:47
106阅读
前提准备：1、React项目npm run build打包打包前配置在项目打包之前需要在package.json文件中添加 "homepage": "./"，,避免项目打开后出现空白页面。"homepage": "./", 项目中的接口一定要使用在线接口，不要使用本地接口，要不然打包出来的项目仍然是空白页打包项目根目录，打开终端，运行npm run build运行成功之后，项
转载
2024-03-06 00:50:32
310阅读
使用React开发有一段时间了，下面我就把自己一些心得体会分享给大家。我使用的是create-react-app脚手架生成的项目，这个脚手架一键生成react项目，非常方便，先简单记录一下这个新建项目的过程。一、打包在项目路径下，敲npm run buil，就出现了build文件夹，同时终端显示这些文字：大致意思是：已经编译好啦。build生成的这些东西要放在服务器root下，可以在pakege.
转载
2023-12-01 11:00:51
170阅读
前言搞安卓的开发应该知道开发好的apk都是需要上传到应用市场给用户下载的，当然有些公司的产品是不用上传到应用市场的（比如我们公司放七牛云）但是也需要放在云上面给用户下载。react-native直接run-android默认是产生一个debug的版本apk显然这是不符合开发需求的，理由很简单debug版本apk是没有进行代码混淆的这是很危险的，所以我们需要个release的版本，下面我们来详细看一
转载
2023-08-07 19:07:36
779阅读
# 在Docker中部署React应用的项目方案
## 1. 介绍
在实际开发中，我们通常会使用Docker部署React应用以实现快速部署、环境隔离等优势。本文将介绍如何将React应用打包并部署到Docker中。
## 2. 方案概述
我们的项目方案将包括以下步骤：
1. 使用create-react-app创建React应用
2. 打包React应用
3. 创建一个Docker镜像
原创
2023-08-26 14:12:28
427阅读
在现代前端开发中，React 和 TypeScript 被广泛应用于构建高效、可维护的用户界面。为了使组件的样式更加优雅和模块化，CSS 的使用方式也非常重要。本文将探讨在 React TypeScript 项目中如何使用 CSS，包括常见的几种方式：传统的 CSS 文件、CSS Modules 和 Styled Components。同时，我们还会使用一些代码示例来演示它们的用法。
## 1.
以下为react-native项目在ios真机调试总结：在mac的terminal进入react-native项目目录，执行react-native run-ios出现如下错误提示：unable to exec Xcode native xcrun(Permission deny)，解决办法是执行sudo xcode-select -switch /Applications/Xcode.app/C
前言：最近在被react-native打包虐了一个多星期 ， 昨天终于搞定了 ； 现在把打包的过程以及遇到的坑整理出来做个笔记 ， 希望能给遇到相同问题的小伙伴们一个参考。第一步： 材料准备1） 一个已付费的开发者账号 ，苹果开发者账号的类型如下表 ， 根据自己的需求以及实际情况选择申请 ：附上不同证书的区别，请根据自己的需求选择账号类型以及证书类型：2） 一个待发布的 react-native
转载
2023-11-13 15:48:40
60阅读
发布Android教程第一步：从项目根目录进入到android 目录 第二步：使用命令 gradlew clean (mac电脑 ./gradlew clean)清空缓存。注意：./gradlew命令 ，在当前命令行输入chmod +x gradlew后，重新 输入 ./gradlew clean 即可。第三步：使用打包命令 gradlew assembleRele
转载
2023-12-04 11:23:52
95阅读
最近想跟着教程，尝试用React做一个SPA项目。记录一下大致的流程。1. 搭建react开发环境使用 react-create-app 脚手架，搭建react开发环境。默认已装好 npm 和 nodejs，终端输入：> npm install -g react-create-app
> create-react-app folder-name这时就已经搭建好了react开发环境。编码
转载
2024-04-02 16:51:43
167阅读
大家都用过组件库，react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。 那这些组件库都是怎么打包的呢？ 我们自己写个组件库的话，怎么写打
原创
精选
2023-11-11 08:06:44
386阅读
