介绍
react-app-rewire-coffeescript 是一个可以在 create-react-app 中使用 CoffeeScript 的工具。它基于react-app-rewired 实现，可以轻松地将 CoffeeScript 编写的组件整合到 create-react-app 项目中。
本文将详细介绍如何使用 react-app-rewire-coffeescript。
安装
在使用 react-app-rewire-coffeescript 之前，需要先安装其依赖项。
- -- --- -- - --- - ---------- ----------------------------- ------------- - -- ---- -- - ---- --- ----- ----------------------------- -------------
使用
集成到项目中
首先，安装 create-react-app 依赖，创建一个基础项目：
- ---------------- ------ - -- ------
然后，引入 react-app-rewire-coffeescript 到你的项目中。
config-overrides.js 是 react-app-rewired 工具用来修改 create-react-app 默认配置项的文件。
在项目根目录中新建 config-overrides.js 文件，并写入以下代码：
----- - ---------- - - ------------------------- ----- - -------- - - ------------------------- ----- ------------------ - ----------------------------------------- -------------- - --------- ------------- ------------------ --
修改 package.json 文件，添加以下脚本：
---------- - -------- ------------------ ------- -------- ------------------ ------ -
现在，你就可以使用 CoffeeScript 编写组件了。
示例
下面是一个简单的示例：
------ ----- ---- -------
----- --- - -- --
--- ---------- ------
-- -------- -- -------
- --- --- -------- ---- -------------- --- ---- -- --------
------ ------- ---结论
在这篇文章中，我们介绍了如何使用 react-app-rewire-coffeescript 工具，在 create-react-app 中使用 CoffeeScript。
相信通过这篇文章的学习，你也可以轻松地使用 CoffeeScript 编写组件并集成到 React 项目中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056ce781e8991b448e69b2