介绍
react-app-rewire-coffeescript 是一个可以在 create-react-app 中使用 CoffeeScript 的工具。它基于react-app-rewired 实现，可以轻松地将 CoffeeScript 编写的组件整合到 create-react-app 项目中。
本文将详细介绍如何使用 react-app-rewire-coffeescript。
安装
在使用 react-app-rewire-coffeescript 之前，需要先安装其依赖项。
# 使用 npm 安装 $ npm i --save-dev react-app-rewire-coffeescript coffee-loader # 使用 yarn 安装 $ yarn add --dev react-app-rewire-coffeescript coffee-loader
使用
集成到项目中
首先，安装 create-react-app 依赖，创建一个基础项目：
$ create-react-app my-app $ cd my-app
然后，引入 react-app-rewire-coffeescript 到你的项目中。
config-overrides.js 是 react-app-rewired 工具用来修改 create-react-app 默认配置项的文件。
在项目根目录中新建 config-overrides.js 文件，并写入以下代码：
const { useBabelRc } = require("customize-cra");
const { override } = require("customize-cra");
const rewireCoffeeScript = require("react-app-rewire-coffeescript");
module.exports = override(
useBabelRc(),
rewireCoffeeScript
);修改 package.json 文件，添加以下脚本：
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build"
}现在，你就可以使用 CoffeeScript 编写组件了。
示例
下面是一个简单的示例：
import React from "react"
const App = () ->
div className: "App",
h1 "Welcome to React",
p "To get started, edit src/App.coffee and save to reload."
export default App结论
在这篇文章中，我们介绍了如何使用 react-app-rewire-coffeescript 工具，在 create-react-app 中使用 CoffeeScript。
相信通过这篇文章的学习，你也可以轻松地使用 CoffeeScript 编写组件并集成到 React 项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056ce781e8991b448e69b2