首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏无人打理的花园

    CRA (create-react-app) IE 兼容方案

    其实都是 ES6 语法不支持导致了,理论上经过 babel 处理后就好。尝试了在入口文件中加入官方提供的 react-app-polyfill 和 babel 文档中指引的引入 core-js,完全不生效。

    4.2K20发布于 2019-07-25
  • 来自专栏约克编程技术

    【Scratch入门到精通】使用CRA搭建项目

    作者:约克 原文地址:https://yorkyu.cn/scratch-example-build-cra-blocks-vm-14f14897be6a.html 文章版权归作者所有,转载请注明出处! 定制CRA配置 react-app-rewired 可以在不 ‘eject’ 也不创建额外 react-scripts 的情况下修改 create-react-app 内置的 webpack 配置,然后你将拥有 2.2.1. react-app-rewired 安装 react-app-rewired $ yarn add -D react-app-rewired customize-cra 2.2.2. config-overrides.js 在根目录中创建一个 config-overrides.js 文件 const { override, addWebpackPlugin, } = require('customize-cra' addExternalBabelPlugins, addWebpackModuleRule, addLessLoader, fixBabelImports, } = require('customize-cra

    2K20编辑于 2022-03-22
  • 来自专栏RxJS

    使用 craco 对 cra 项目进行构建优化

    修改 CRA 项目的配置使用 create-react-app 创建的项目默认是无法修改其内部的 webpack 配置的,不像 vue-cli 那样可以通过一个配置文件修改。 虽然有一个 eject 命令可以是将配置完全暴露出来,但这是一个不可逆的操作,同时也会失去 CRA 带来的便利和后续升级。 如果想要无 eject 重写 CRA 配置,目前成熟的是下面这几种方式 通过 CRA 官方支持的 --scripts-version 参数,创建项目时使用自己重写过的 react-scripts 包使用 react-app-rewired + customize-cra 组合覆盖配置使用 craco 覆盖配置这里我选择的是 craco 安装 安装依赖 yarn add @craco/craco 修改 目前的 craco 最新版本 v6.4.3 仅支持 cra4 创建的项目 构建体积分析首先引入了 webpack-bundle-analyzer 这个插件来分析一下构建产物的组成 /* craco.config.js

    1.9K20编辑于 2022-09-29
  • 来自专栏无人打理的花园

    create-react-app (CRA) 项目开启 sass sourcemap

    这个问题从去年开始就有国外开发者提 issue 了,中间一度 CRA 发布了支持版本,但由于这个原因又回滚了该特性,目前处于本地开发是不支持 sourcemap 的(可见官方文档)。 注:eject 方案不推荐使用,CRA 的目的即是开箱即用。eject 之后就是走 webpack 配置工程师的道路,且这是个不可回滚的操作。

    1.9K20发布于 2019-07-18
  • 来自专栏前端之巅

    使用Webpack来做自己的cra脚手架

    现如今的JavaScript已经出了ES6,ES7甚至许多更高的版本,但是有很多浏览器是不支持这些新的语法,所以需要通过Babel 来将你的新语法编译成浏览器可以理解的旧语法。这是通过 Babel/core模块和babel/perset-env插件完成的。当然Babel还有其他的转换功能。

    1.1K40发布于 2020-06-11
  • 来自专栏大数据文摘

    CRA简报:计算研究与数据科学的新兴领域

    大数据文摘作品,转载具体要求见文末 编译团队|寒小阳 owen 我们收集、处理、分析和使用大量数据的能力对社会的各个方面都产生了深远的影响。这种转变导致了新兴学科数据科学的出现。诸多领域对数据科学的兴趣呈现爆炸式的增长,包括社会科学、自然科学和物理学等领域,涉及空前的规模和多样性的数据,通过集聚大量的操作和行为的信息来产生新的服务或收入来源的产业以及需要利用数据更好地造福社会的政府、社会服务和非营利机构。 这一新兴学科依赖于数学和统计建模,计算思维和方法,数据表示和管理和被研究领域专业知识的新的融合。虽然计

    85730发布于 2018-05-25
  • 来自专栏前端资源

    cra 等非 umi 项目中使用 dumi2

    但如果项目是使用 cra (create-react-app) 或其他技术栈搭建的,就需要做一些额外的配置。本文将介绍如何在 cra 等非 umi 项目中使用 dumi。 1. 通过上面的步骤,就可以在 cra 等非 umi 项目中使用 dumi 来编写和调试组件文档了。 当然,这只是一个基本的入门教程,dumi 还有很多强大的功能和特性等待你去探索和利用。 未经允许不得转载:w3h5-Web前端开发资源网 » 在 cra 等非 umi 项目中使用 dumi2

    73640编辑于 2023-08-25
  • 来自专栏猫哥学前班

    在 React 代码中使用自动更新的 CRA 环境变量

    process.env.REACT_APP_VERSION}`; return (

    ); }; export default App; CRA

    2.3K50发布于 2019-02-03
  • 来自专栏开源技术小栈

    开源社区正在为CRA合规性构建网络安全流程

    为了应对开源生态系统中网络安全的真实的挑战,并展示与欧盟网络弹性法案(CRA)、Apache软件基金会、Blender基金会、OpenSSL软件基金会、PHP基金会、Python软件基金会、Rust基金会的全面合作并支持其实施 以即将出台的CRA为例,新法规强调了在2027年新法规生效之前,通过设计和强大的供应链安全标准来确保安全的紧迫性。 CRA将导致委员会向欧洲标准组织提出许多标准要求。这些只是欧洲的要求—来自美国和其他地区的额外需求可以预期。 CRA还创造了一种新型的经济行为者—"开源软件管家"。 考虑到CRA实施的时间紧迫,我们相信立即启动将提供一个建设性的环境,为开源的管理者、贡献者和采用者提供必要的技术讨论,以满足这些新法规的要求。

    30310编辑于 2024-05-20
  • 来自专栏IT杂谈学习

    【Python】已解决:Traceback (most recent call last): File “C:pythonkfc.py”, line 8, in KfcError: KFC Cra

    在Python编程中,报错信息是程序员定位问题的重要依据。近日,一位开发者在执行一个Python脚本时遇到了一个自定义错误KfcError,错误信息提示“KFC Crazy Thursday WhoEver Gives me 50 CNY, I Will Thank Him.”。这个报错出现在执行位于C:/python/kfc.py的第8行时。报错信息虽然有趣,但显然是一个程序中的异常处理机制抛出的自定义错误信息。

    1.2K20编辑于 2024-07-09
  • 来自专栏艾体宝

    艾体宝洞察 | CRA 合规冲刺指南:艾体宝 ONEKEY 独家报告首发,洞察全球企业合规进度!

    二、CRA 法规的核心义务要求CRA 法规对制造商和经销商分别提出了明确的要求:根据 CRA 的要求,制造商必须从设计源头确保产品安全(遵循“安全设计”和“默认安全”原则),并确保产品在整个生命周期中持续满足 三、CRA 法规的合规现状认知程度不足据《2025年物联网和OT网络安全报告》数据显示,只有不到三分之一 (32%) 的企业完全了解CRA的要求;有 36% 的企业曾调查但并未掌握;剩余27%的企业对CRA 在这种前提下,成立专注于CRA合规的工作组的企业更是寥寥无几。28% 的受访企业已成立跨部门工作组;14% 的企业已设立专门团队以确保企业满足CRA的各项要求。 基于大部分企业对CRA合规尚未采取行动的现状,专为CRA制定合规政策的企业数量更是屈指可数。据统计,仅有15%的公司制定了专门针对CRA的合规政策。 然而,超过三分之一(34%)的人认为他们的通用网络安全政策已经涵盖 CRA 的要求。与此同时,21% 的受访者根本没有将CRA纳入其合规框架。

    23010编辑于 2025-10-24
  • 全面解读CRA:抓住欧盟网络安全新规下的合规机遇

    重点速览欧盟《网络弹性法案》(CRA)即将落地,未来在欧盟市场销售的数字产品都必须满足更严格的网络安全标准。从制造商到分销商,每一个环节都将面临前所未有的合规挑战。 本文将带你快速理解CRA的适用范围与核心义务,同时介绍艾体宝的ONEKEY产品安全平台,如何助力企业轻松实现漏洞管理与SBOM自动化,提前布局CRA合规,占领先机。 网络安全是欧盟面临的关键挑战之一。 对供应链风险的管理CRA的一个核心要求是管理供应链风险。 此外,ONEKEY 还提供专家建议和咨询资源,以支持制造商、进口商和分销商实现CRA合规性。 除了通过向CRA要求的流程添加自动化控制来减少手动工作外,ONEKEY还通过差距分析和实施支持帮助具有数字元素的产品制造商、进口商和分销商采用CRA要求的流程。

    1.6K10编辑于 2025-05-27
  • 来自专栏服务器运维笔记

    【前端部署第九篇】通过 traefik 自动为前端项目配置域名及 HTTPS

    我们将它部署到 https://cra.shanyue.tech 中作为示例。在此之前,我需要做两件事 cra.shanyue.tech 域名属于我个人。域名可自行在域名提供商进行购买。 labels: - "traefik.http.routers.cra.rule=Host(`cra.shanyue.tech`)" 编辑 domain.docker-compose.yaml,配置文件如下 PS: 该配置文件位于 cra-deploy/domain.docker-compose.yaml1 长按识别二维码查看原文 标题:cra-deploy/domain.docker-compose.yaml cra.shanyue.tech preview.cra.shanyue.tech feature-a.cra.shanyue.tech labels: - "traefik.http.routers.cra.rule =Host(`cra.shanyue.tech`)" - "traefik.http.routers.cra-preview.rule=Host(`preview.cra.shanyue.tech`

    2.3K20编辑于 2022-05-23
  • 来自专栏服务器运维笔记

    【前端部署第六篇】使用 docker 部署单页应用,并通过对象存储服务将静态资源上传至 OSS/CDN

    本篇文章还是以项目 cra-deploy1 示例,并将静态资源上传至 OSS 处理。 长按识别二维码查看原文 标题:cra-deploy 1. 在以下命令行及代码示例中,我们将 cra-deploy 项目的静态资源全部上传至 shanyue-cra 该 Bucket 中。 3. Dockerfile 与环境变量 PS: 该 Dockerfile 配置位于 cra-deploy/oss.Dockerfile9 长按识别二维码查看原文 标题:cra-deploy/oss.Dockerfile ---- 参考资料 [1] cra-deploy:https://github.com/shfshanyue/cra-deploy [2] 创建AccessKey:https://help.aliyun.com shfshanyue/cra-deploy/blob/master/docker-compose.yaml

    2.8K30编辑于 2022-05-23
  • 来自专栏服务器运维笔记

    【前端部署第四篇】使用 Docker 构建缓存及多阶段构建优化单页应用

    PS: 本项目以 cra-deploy3 仓库作为实践,配置文件位于 simple.Dockerfile4 长按识别二维码查看原文 标题:cra-deploy 长按识别二维码查看原文 标题:simple.Dockerfile 「CRA 是 /build 目录」。 以下,便是在 cra 中获得静态资源的命令。 # 创建一个 cra 应用 $ npx create-react-app cra-deploy # 进入 cra 目录 $ cd cra-deploy # 进行依赖安装 $ yarn # 对资源进行构建 /blob/master/simple.Dockerfile [5] cra-deploy/simple.Dockerfile:https://github.com/shfshanyue/cra-deploy /blob/master/simple.Dockerfile [6] cra-deploy/simple.Dockerfile:https://github.com/shfshanyue/cra-deploy

    2K20编辑于 2022-05-23
  • 来自专栏服务器运维笔记

    【前端部署十四篇】结合 CI 与 docker 自动部署 Preview 功能分支环境

    本篇文章将实践对 cra-deploy1 的 feature-preview 分支部署在 feature-preview.cra.shanyue.tech 中作为示例。 dockerfile: router.Dockerfile labels: # 为 cra 配置我们的自定义域名 - "traefik.http.routers.cra.rule =Host(`cra.master.shanyue.tech`)" - traefik.http.routers.cra-preview-master.tls=true - PS: 该 CI 配置位于 cra-deploy/stop-preview.yaml8 长按识别二维码查看原文 https://github.com/shfshanyue/cra-deploy/blob check_suite_focus=true [11] cra-deploy:https://github.com/shfshanyue/cra-deploy [12] cra-deploy:https

    1.2K10编辑于 2022-05-23
  • 来自专栏魔术师卡颂

    React为什么不将Vite作为默认推荐?

    CRA推出于2016年,彼时还没有成体系的React脚手架工具供大家使用,再加上这是官方工具,一经推出就受到了欢迎。截止当前,CRA仓库已经收获快10wstar。 而CRA本身的进步速度却在放缓,其上一次提交要追溯到去年9月8日: 此外,CRA对一些流行工具的支持也不是很好,比如在TailwindCSS文档中就不推荐使用CRA: 近日,油管10w粉丝的前端网红 CRA的定位 既然众矢之的是CRA,那么首先我们需要明白CRA在React体系下的定位,再来看看Vite能否在这个定位下取代前者。 CRA诞生的时期(2016年),是SPA(单页应用)最火热的时期。 脚手架工具的不足 虽然CRA开箱即用,但他提供的能力并不全面,比如他并不提供: 状态管理方案 路由方案 数据请求方案 为什么不提供呢?因为在CRA发展的时期,这些方案还未形成最佳实践。 那么,能否将CRA迭代为类似Next.js、Remix这样的全栈框架,一劳永逸解决CRA对各种最佳实践的缺失呢?

    1.7K10编辑于 2023-02-23
  • 来自专栏生信菜鸟团

    单细胞+空转分析之数据下载:胎肝中的造血干细胞/多能祖细胞(一)

    ,空转的GSA编号CRA003651。 :gsa/CRA002489/CRR126262/ . /CRA002489 ascp -P33001 -i aspera01.openssh -QT -l100m -k1 -d aspera01@download.cncb.ac.cn:gsa/CRA002489 /CRA002489 ascp -P33001 -i aspera01.openssh -QT -l100m -k1 -d aspera01@download.cncb.ac.cn:gsa/CRA002489 /CRA002489 ascp -P33001 -i aspera01.openssh -QT -l100m -k1 -d aspera01@download.cncb.ac.cn:gsa/CRA002489

    29300编辑于 2025-02-18
  • 来自专栏Web 技术

    快将你的 React 应用迁移到 Vite 吧,速度太快啦

    为什么 CRA 如此慢? CRA 使用 Webpack 来 bundle 代码。 我们可以迁移到 Vite,而不是使用 CRA 来创建 React App。Vite 是下一代前端工具,可以更快地构建应用程序。 我已将现有的基于 CRA 的应用程序迁移到 Vite。让我们比较一下差异。 CRA 开发服务器启动时间 VS Vite 开发服务器启动时间 CRA 用了 12 秒来启动开发服务器。 CRA build 时间 VS Vite build 时间 CRA花了16.66秒来构建应用程序。让我们看看Vite的性能。 Vite 构建整个应用只用了 9.11 秒,与 CRA 相比似乎更好。因为它在使用 Vite 时减少了 40% 到 50% 的构建时间。

    1.8K20编辑于 2022-07-29
  • 来自专栏服务器运维笔记

    【前端部署十五篇】初学 kubernetes,并使用 k8s 部署前端应用

    $ docker build -t cra-deploy-app -f router.Dockerfile . - name: cra-deploy image: cra-deploy-app imagePullPolicy: IfNotPresent ports: $ kubectl get deploy cra-deployment NAME READY UP-TO-DATE AVAILABLE AGE cra-deployment 3/3 3 3 42m 从上述命令,列出其中一个 Pod 名是 cra-deployment-555dc66769-zhtp9。 其中 cra-deployment 是 Deployment 名,而该前端应用每次上线升级会部署一个 Replica Sets,如本次为 cra-deployment-555dc66769。

    5K10编辑于 2022-05-23
领券