css - 从 meteor 1.4 中的 node_modules 导入 css 并使用react

Question

我想在我使用 React 的 Meteor 1.4 元素中使用一个 npm 包，即 react-date-picker。 react-date-picker 包附带了一些必须包含的 css 才能正确呈现。我需要告诉 meteor 加载 node_modules/react-date-picker/index.css 并将其包含在其余的 css 中，但我不知道如何执行此操作。其他人建议您可以像这样从 .jsx 组件中简单地导入 css

import 'react-date-picker/index.css'

但这样做会导致服务器崩溃并在 css 的第一行阻塞(因为它似乎被解析为标准的 javascript 文件)

(function (exports, require, module, __filename, __dirname) { .react-date-field {
                                                              ^
) SyntaxError: Unexpected token .
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:373:25)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Module.Mp.load (/Users/gsferrer/.meteor/packages/babel-compiler/.6.9.1.7f3rvr++os+web.browser+web.cordova/npm/node_modules/reify/node/runtime.js:16:23)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at npmRequire (/Users/gsferrer/Projects/xxx/.meteor/local/build/programs/server/npm-require.js:129:10)
    at Module.Mp.useNode (packages/modules-runtime/modules-runtime.js:69:1)
=> Exited with code: 1
=> Your application is crashing. Waiting for file change.

那么使用 Meteor 和 React 从 node_modules 导入 css 的首选方法是什么？

Answer 1

正如你所说，它似乎被解析为JS。然而，以这种方式导入 CSS 是正确的并且通常有效，所以一定有什么奇怪的事情发生了......所以我要尝试一个疯狂的猜测:尝试从 index.css 重命名文件到别的东西，比如 react-date-picker.css。可能是“索引”名称触发了 JS 解释。