从node_modules导入css文件

Question

我们有一个私有的npm存储库，我们有一个css文件作为lib文件夹的一部分。

尝试使用

要求该css文件时

require('<module_name>/lib/abc.css')

并使用webpack加载，我收到以下错误：

  

SyntaxError：意外的令牌{

任何帮助，如何导入此类文件

Answer 1

我在这个问题上也被困了几天（我是node.js / Meteor / React / JavaScript世界的新手）。我找到了一个使用webpackJS的解决方案。

我的工作解决方案（应用于一个易于理解的小应用程序;我只使用硬编码数据显示数据网格）可在我的GitHub repository（提交902c92c）上获得。该应用程序称为“reactDataGrid”，它是存储库的子文件夹，您只需在该文件夹中运行“meteor”。

我的案例中的两个关键步骤是：

• 使用描述here的内容创建 .babelrc 文件（并在下面复制）。我相信这有助于webpack解析反应的JSX语法。我觉得这也可能是您的问题的关键，因为它被报告为SyntaxError。

<强> .babelrc

{
  "presets": [
    [
      "es2015",
      {
        "modules": false
      }
    ],
    "react"
  ]
}

• 我的 main.jsx 文件中的require('react-datagrid/index.css')语句，告诉webpack将CSS文件包含在我的应用的依赖关系树中。这实际上是zippyui / react-datagrid GitHub存储库的README中描述的指令。 （不幸的是，stackoverflow限制在我的帖子中的两个链接，所以我不能在这里链接它）

我无法保证这是首选的方法，但我可以说它对我有用。我希望它有所帮助。

最佳， 凯文