从node_modules导入css文件
问题描述:
我们有一个私有的npm存储库,其中我们有一个css文件作为lib文件夹的一部分。从node_modules导入css文件
当尝试需要使用
require('<module_name>/lib/abc.css')
该CSS文件并使用的WebPack加载的是,我得到以下错误:
SyntaxError: Unexpected token {
任何帮助,如何将这种文件导入
答
我一直在这个问题上坚持了几天(我是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存储库的自述文件中描述的指令。 (遗憾的是计算器限制在我的岗位两个环节,所以我不能在这里再联系吧)
我不能保证这是首选做的方法,但我可以说,我的作品。我希望它有帮助。
最佳, 凯文
你的做法是正确的, '需要' 将迫使的WebPack捆绑这个CSS。 你可以提供该CSS和显示webpack配置你关心的CSS? –