从流星中的节点模块导入css文件答案

【问题标题】：Importing css files from node modules in meteor从流星中的节点模块导入css文件
【发布时间】：2018-02-16 16:21:53
【问题描述】：

我正在使用流星中的 froala 编辑器并做出反应。 froala 编辑器要求您导入 css 文件。 https://www.froala.com/wysiwyg-editor/docs/framework-plugins/react 例如当我导入时

import 'froala-editor/css/froala_style.min.css';

服务器崩溃并给我一个错误

SyntaxError: Unexpected token .

它似乎将文件解析为 javascript。我正在使用流星版本 1.5.2。在流星 1.5.2 中从节点模块导入 css 文件的正确方法是什么？

【问题讨论】：

在 react 中导入 css 文件是完全合法的，但是看起来 import 不需要缩小文件类型 - 即它需要 path/filename.type 而不是 path/filename.something.type 尝试导入未缩小的文件，它无论如何都会在构建的后期被缩小。
例如我导入了import 'font-awesome/css/font-awesome.css';，它给了我同样的错误@MichelFloyd
那么路径可能是问题 - 导入路径是相对于它们所在的文件的。此路径假定您的 js 文件位于根目录，这不太可能。

【解决方案1】：

您可以在主样式表中使用@import 语法来导入css，而不是在组件中进行。

【讨论】：

froala 编辑器要求我导入 CSS。为了正确渲染组件，我必须导入 CSS。 froala.com/wysiwyg-editor/docs/framework-plugins/react
可以，但您不必在同一个文件中导入 css。您只需要确保在组件呈现之前导入 css。通过在主样式表中导入它，您将它与应用程序的其余 css 一起导入，因此它将在您的组件呈现时加载。
但是有没有办法解决这个从流星中的节点模块导入css文件而不是绕过它的问题？
是的，在你的样式表中使用@import。这不是 hack 哈哈sass-lang.com/guide
stackoverflow.com/questions/42732832/…