0

我在我的 UI 中使用 react-toolbox，我的构建工具是 webpack。react-toolbox.css我已将 webpack 配置为在我的dist目录中生成样式文件。此文件包含我的应用程序中的 react-toolbox 组件使用的 CSS 类的定义。在我的index.html这个 CSS 文件中添加为外部链接。我的应用程序样式（我为应用程序中的非 react-toolbox 组件编写的样式）require在我的app.js文件中，并使用 less-loader 加载。目前我的应用程序运行良好。

  • app.js下载以提供应用程序脚本和应用程序样式
  • react-toolbox.css下载为 react-toolbox 组件提供样式

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

4

1 回答 1

0

根据文档，您可以

捆绑组件

您从索引文件中导入，因此导入的组件带有所有已经需要并为您注入的依赖项和主题。这意味着每个依赖项的 CSS 将自动捆绑在您的最终 CSS 中，并且组件标记包括要设置样式的类名。例如：

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

代替

import { AppBar } from 'react-toolbox/lib/app_bar/AppBar.js';
于 2016-06-27T08:58:53.647 回答