当前位置: 首页 > 面试题库 >

如何在create-react-app中使用CSS模块?

宣瀚
2023-03-14
问题内容

根据Dan Abramov
的推文,CSS模块支持位于create-
react-app(CRA)中。只需扩展module.css其样式表即可启用该功能,但这对我不起作用。我的版本为1.1.4 react- scripts。如何使用CRA启用CSS模块?谢谢


问题答案:

您无需弹出。

从版本2开始,Create React App就立即支持CSS模块,该版本现已稳定。

通过运行或升级到v2(react-scripts@latest)。yarn upgrade react-scripts@latest``npm install --save react-scripts@latest

您只需要创建带有扩展名的文件 .module.css

例如:

.myStyle {
  color: #fff
}

然后,您可以像这样使用它:

import React from 'react'
import styles from './mycssmodule.module.css'

export default () => <div className={styles.myStyle}>We are styled!</div>


 类似资料:
  • 问题内容: 当我在终端中键入命令时,它似乎可以正常工作- 成功下载所有库等。但是,在该过程结束时,我收到一条消息,提示您。 输入项 输出量 在的package.json中: 我检查了CRA 更改日志,看起来好像增加了对自定义模板的支持-但是看起来命令似乎没有更改。 知道这里发生了什么吗? 问题答案: 如果您以前通过进行了全局安装,建议您使用来卸载软件包,以确保始终使用最新版本。 文件 使用以下命令

  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。

  • 我使用create react应用程序已经有一段时间了。“npm start”或“yarn start”自动重装本身工作正常,但现在我有了另一个问题。目前,我在express server上通过build文件夹运行应用程序,我使用“npm run build ”,因为express正在提供构建文件。有许多api调用要求应用程序以这种方式运行。现在,每次手动执行“npm运行构建”变得很乏味。有没有一

  • 创建响应应用时,图像中出现错误。它一直在正常工作,我所做的就是mkdir和cd到那个dir。 这就是错误的样子... NPX:在36.634s中安装了99必须使用导入来加载ES模块: C:\用户\Neeraj\AppData\漫游\npm-cache_npx\5172\node_modules\create-react-app\node_modules\is-promise\index.js不支持

  • 问题内容: 我在create-react-app中制作了天气应用。如何隐藏API密钥,以便可以提交到GitHub? 现在,密钥在App.js中:const API_KEY =“ 123456”; 问题答案: 免责声明 除非您正在制作教程应用程序,否则请勿在客户端(例如React应用程序)中放置api密钥之类的秘密。 根据create-react-app的文档, 警告:请勿在您的React应用程序中

  • 我想知道是否有人知道如何在“创建-反应-应用”环境中使用https。我在自述文件或快速搜索中找不到任何相关信息。我只希望https://localhost:3000能够工作,或者https://localhost:3001能够工作。