在不彈出的情況下將 CSS 文件導入 React 組件的問題

Question

據了解，基於最新的 create-react-app 版本，我實際上不必“npm run eject”我的應用程序。 其實之前我這樣做的時候，是找不到相關的webpack.js..etc修改的。

有人可以建議我如何仍然將 CSS 文件導入我的 React 組件而不必彈出我的應用程序嗎？

先感謝您！ (:

Answer 1

據我了解，您只需要import 'path/to/stylefilename.css' 。

例如，如果組件和您的 css 文件在同一個文件夾中，只需執行import './index.css'

Answer 2

一個可以簡單地解決這個問題

1. 只要 CSS 文件和 JS 文件在文件夾/目錄中，就在所有 CSS 文件的 .css 之前添加 .module。

2. 在導入語句中添加 .module 以及import classes from "./BuildControls.module.css";