【发布时间】:2020-05-24 06:36:39
【问题描述】:
据了解,基于最新的 create-react-app 版本,我实际上不必“npm runeject”我的应用程序。其实之前我这样做的时候,找不到相关的webpack.js..etc来修改。
有人可以建议我如何将 CSS 文件导入我的反应组件而不必弹出我的应用程序?
提前感谢您! (:
【问题讨论】:
标签: javascript node.js reactjs webpack ecmascript-6
据了解,基于最新的 create-react-app 版本,我实际上不必“npm runeject”我的应用程序。其实之前我这样做的时候,找不到相关的webpack.js..etc来修改。
有人可以建议我如何将 CSS 文件导入我的反应组件而不必弹出我的应用程序?
提前感谢您! (:
【问题讨论】:
标签: javascript node.js reactjs webpack ecmascript-6
可以简单地解决这个问题
只要 CSS 文件和 JS 文件在文件夹/目录中,在所有 CSS 文件的 .css 之前添加 .module。
在 import 语句中添加 .module 以及 import classes from "./BuildControls.module.css";
【讨论】:
据我了解,您只需要做import 'path/to/stylefilename.css'。
例如,如果组件和您的 css 文件在同一个文件夹中,只需执行 import './index.css'
【讨论】: