javascript - .less 样式不会进入内置的 React 应用程序

Question

我的 React App 中有一个带有 .less 样式的导入组件（这个）。只要我一直在使用该应用程序，我只需从模块的样式文件夹中导入 .less 并保留它。像这样：

import './../../../node_modules/rsuite/lib/styles/index.less';

这很舒服，因为它导致了我当时喜欢的字体更改和其他一些格式，所以我只是使用它。但是，我最近制作了该应用程序的生产版本（使用npm run-script build，这本身需要一些工作，包括摆脱webpack，也许这就是原因）并注意到 .less 样式并没有进入完全构建的 bundle.js . 我所有的自定义 .css 都在那里，但导入的组件没有样式。

我无法真正深入了解它。less我尝试将package.json中的包的“dev”属性设置为，false并尝试自己将 .less 转换为 .css，但这是一个非常复杂的结构，我不相信我可以重建它。

我怎样才能确保导入的样式被继承（如果我不能，我还能做些什么来让这些样式进入完全构建的应用程序版本？）

标签： javascriptcssreactjswebpackless