【问题标题】:How can I configure isomorphic-style-loader to load a node module?如何配置 isomorphic-style-loader 来加载节点模块?
【发布时间】:2023-04-01 02:52:01
【问题描述】:

我正在尝试使用 react-draft-wysiwyg 模块,但没有使用与该模块关联的导入样式。我认为这是由于导入的 css 被加载到哈希中,而模块中元素的类属性没有。

既然如此,我可以:

  • 将 react-draft-wysiwyg 中的类转换为哈希类名称,或
  • 样式加载器是否忽略了 react-draft-wysiwyg css 文件?

我尝试过的一些事情包括:

  • import draftcss from 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; ... export default withStyles(s, draftcss)(Layout);

  • 在主要导入的 css 文件中: @import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

  • 从父路由的 index.js 文件中导入 react-draft-wysiwyg.css

【问题讨论】:

  • @Sudheer 我有 css-loader,它影响了我所有的 css 文件。我不确定如何从 css-loader 中免除其中一个文件,或者让我正在使用的节点模块查找新的类名。

标签: node.js reactjs postcss draftjs isomorphic-style-loader


【解决方案1】:

有一个issue raised in Github about this problem

唯一有效的解决方案是将插件的所有 css 内容复制到本地 .css 文件并导入到主 css 文件中。

插件的css内容可以在node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css找到

【讨论】:

  • @AstroBoogie,我看到你已经在 GitHub 上评论了这个问题。我只是想确保你也尝试过这个。问题不是很清楚。
  • 我试过这个没有任何成功。我认为即使正在导入本地 .css,它仍然会被 css-loader 散列。
猜你喜欢
  • 1970-01-01
  • 2017-01-17
  • 2018-05-03
  • 1970-01-01
  • 2018-06-18
  • 2022-11-10
  • 2017-10-06
  • 1970-01-01
  • 2019-06-11
相关资源
最近更新 更多