react-app-rewire-polished 是一个方便的 npm 包，它能够帮助你在 React 应用程序中使用 polished 样式工具。polished 是一个非常不错的 CSS 样式工具库，它提供了许多强大的 CSS 常规工具和函数，可以让 React 应用开发变得更加简单和方便。
使用 react-app-rewire-polished，你可以很容易地将 polished 库引入到 React 应用程序中，实现更快、更高效和更可维护的 CSS 开发。
安装和使用
首先，你需要确保你的 React 应用程序已经安装了 react-app-rewired 依赖包。
接下来，你可以在 npm 上通过以下命令安装 react-app-rewire-polished：
npm install react-app-rewire-polished
一旦你成功安装了 react-app-rewire-polished，你需要修改你的应用程序中的 config-overrides.js 文件。在该文件中，你需要导入 rewirePolished 函数，并添加它到 rewire 对象中。
下面是一个较为详细的例子：
const rewirePolished = require('react-app-rewire-polished');
module.exports = function override(config, env) {
// ...
config = rewirePolished()(config, env);
// ...
return config;
}在上述代码中，我们首先导入了 react-app-rewire-polished 中的 rewirePolished 函数，然后添加到了 config-overrides.js 文件中的 override 函数中。最后，我们成功调用了 rewirePolished 函数，这个函数的作用是将 polished 库注入到我们的 React 应用程序中。
现在，你可以在你的组件文件中引入 polished 库，并使用相应的函数或工具了。例如，在你的组件文件中，你可以这样写：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- -----------
----- ----------- - -- -- -
----- ------ - -
---------------- ----------- -----------
------ -------
-------- ------
--
------ ---- -------------------- -------------
--
------ ------- ------------在这个例子中，我们成功地使用了 polished 库中的 darken 函数，它可以让我们将颜色的亮度降低了 20%，并将针对当前元素的背景色设置为新的颜色。
总结
使用 npm 包 react-app-rewire-polished，你可以快速、简单地引入 polished 样式工具库，从而提高 React 应用程序的 CSS 开发效率和可维护性。希望这篇文章能够帮助你更好地了解 react-app-rewire-polished 的使用方法，并且在实践中体验到它的便捷性和强大功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005668681e8991b448e2b7e