【问题标题】:Issues importing CSS file into React Component without Ejecting将 CSS 文件导入 React 组件而不弹出的问题
【发布时间】:2020-05-24 06:36:39
【问题描述】:

据了解,基于最新的 create-react-app 版本,我实际上不必“npm runeject”我的应用程序。其实之前我这样做的时候,找不到相关的webpack.js..etc来修改。

有人可以建议我如何将 CSS 文件导入我的反应组件而不必弹出我的应用程序?

提前感谢您! (:

【问题讨论】:

    标签: javascript node.js reactjs webpack ecmascript-6


    【解决方案1】:

    可以简单地解决这个问题

    1. 只要 CSS 文件和 JS 文件在文件夹/目录中,在所有 CSS 文件的 .css 之前添加 .module。

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

    【讨论】:

      【解决方案2】:

      据我了解,您只需要做import 'path/to/stylefilename.css'

      例如,如果组件和您的 css 文件在同一个文件夹中,只需执行 import './index.css'

      【讨论】:

      • “路径/到”是什么意思?如果您指的是普通路径目录,这不起作用。我的 CSS 文件与我各自的组件位于同一文件夹中。我也试过 import './index.css' ,不行
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-25
      • 2017-06-09
      • 2018-04-18
      • 2017-02-12
      • 2015-08-01
      • 1970-01-01
      相关资源
      最近更新 更多