如何配置 isomorphic-style-loader 来加载节点模块?
How can I configure isomorphic-style-loader to load a node module?
我正在尝试使用 react-draft-wysiwyg 模块,但未使用与该模块关联的导入样式。我认为这是由于导入的 css 被加载到散列中,而模块中元素的 class 属性不是。
既然如此,我可不可以:
- 将 react-draft-wysiwyg 中的 classes 转换为散列 class 名称,或
- 样式加载器是否忽略了 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
有个issue raised in Github about this problem.
唯一有效的解决方案是将插件的所有 css 内容复制到本地 .css 文件并导入主 css 文件。
您可以在 node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css
中找到 css 插件的内容
我正在尝试使用 react-draft-wysiwyg 模块,但未使用与该模块关联的导入样式。我认为这是由于导入的 css 被加载到散列中,而模块中元素的 class 属性不是。
既然如此,我可不可以:
- 将 react-draft-wysiwyg 中的 classes 转换为散列 class 名称,或
- 样式加载器是否忽略了 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
有个issue raised in Github about this problem.
唯一有效的解决方案是将插件的所有 css 内容复制到本地 .css 文件并导入主 css 文件。
您可以在 node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css