我正在尝试在我的create-react-app项目中包含一些CSS。 CSS来自第三方NPM包,因此它位于node_modules目录中。
我试过了:import '/node_modules/packagename/css/styles.css';
但我得到错误:
找不到模块:您试图导入/node_modules/packagename/css/styles.css,它位于项目src /目录之外。不支持src /之外的相对导入。您可以在src /中移动它,或者从项目的node_modules /中添加符号链接。
我宁愿不将CSS移动到src /所以它可以通过NPM更新。我可以符号链接但是当我在Windows上开发并部署到linux时,这并不理想。
从我这里包含CSS的最佳方式是什么?
找到css文件的路径
例如:./node_modules/packagename/dist/css/styles.css
使用与node_modules相关的路径导入(node_modules/
之后的任何内容)
import 'packagename/dist/css/styles.css'
node_modules不需要相对路径,不应该是包含css的推荐方法
您所要做的就是省略前面的斜杠和node_modules目录,就像从节点模块导入js包一样:
import 'package/css/style-to-import.css'
我发现这是一个痛苦的错误。特别是我的webpack.config.js不再运行了。
特别反应应用程序现在在src文件夹中运行,导入文件需要在公用文件夹中。
我正在使用materialize-social并发现最简单的方法是将node_module文件夹“materialize-social”移动到公共目录,任何其他方式请将其推荐下来。