如何避免在index.html文件中单独添加

Question

我在UI中使用了，我的构建工具是webpack。我已经将webpack配置为在我的react-toolbox.css目录中生成一个样式文件-- dist。这个文件有CSS类的定义，这些类是由我的应用程序中的react工具箱组件使用的。在我的index.html中，这个CSS文件是作为外部链接添加的。我的应用程序样式(我在我的应用程序中为非反应工具箱组件编写的样式)是required在我的app.js文件中，并使用较少的加载程序加载。目前，我的应用程序运行良好。

• 下载app.js以提供应用程序脚本和应用样式。
• 下载react-toolbox.css是为了向反应性工具箱组件提供样式。

我想知道是否有一种方法可以将react toolbox.css的内容与我的样式合并，并要求在app.js中生成css，从而消除了对单独的react-toolbox.css的需求。

Answer 1

根据你能找到的医生

捆绑组件 您可以从索引文件中导入，因此导入的组件附带了您已经需要和注入的所有依赖项和主题。这意味着每个依赖项的CSS将自动绑定到您的最终CSS中，并且组件标记包含要被样式化的类名。例如：

import { AppBar } from 'react-toolbox/lib/app_bar';

而不是

import { AppBar } from 'react-toolbox/lib/app_bar/AppBar.js';