从node_modules导入css文件

Question

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

当尝试需要使用

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

该CSS文件并使用的WebPack加载的是，我得到以下错误：

SyntaxError: Unexpected token {

任何帮助，如何将这种文件导入

Answer 1

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

在我的GitHub repository（提交902c92c）上可以找到我的工作解决方案（适用于应用程序使其易于理解;我只使用硬编码数据显示数据网格）。该应用程序被称为“reactDataGrid”，它是存储库的子文件夹，您只需要在该文件夹中运行“流星”即可。

两个在我的情况下的关键步骤是：

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

.babelrc

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

• 的require('react-datagrid/index.css')声明我main.jsx文件，告诉的WebPack包括在我的应用程序的依赖关系树CSS文件中。这实际上是在zippyui/react-datagrid GitHub存储库的自述文件中描述的指令。 （遗憾的是计算器限制在我的岗位两个环节，所以我不能在这里再联系吧）

我不能保证这是首选做的方法，但我可以说，我的作品。我希望它有帮助。

最佳， 凯文