Create-React-App:从node_module目录包含CSS的最好方法是什么？
我正在尝试在我的create-react-app项目中包含一些CSS。CSS来自第三方NPM包，因此它位于node_modules目录中。
我试过了：import '/node_modules/packagename/css/styles.css';
但是我得到了一个错误：
找不到
模块:您试图导入位于项目src/目录之外的/node_modules/packagename/css/styles.css。不支持src/外部的相对导入。您可以将其移动到src/内，或者从项目的node_modules/添加一个指向它的符号链接。
我不希望将CSS移动到src/，这样它就可以通过NPM更新。我可以使用symlink，但当我在windows上开发并部署到linux上时，这并不理想。
我想要包含CSS的最好方法是什么？
回答 4
Stack Overflow用户
发布于 2017-08-13 16:51:36
查找css文件的路径
示例：./node_modules/packagename/dist/css/styles.css
使用与node_modules相关的路径导入( node_modules/之后的任何内容)
import 'packagename/dist/css/styles.css'Stack Overflow用户
发布于 2018-06-03 01:20:08
相对路径在node_modules中是不必要的，并且不应该是包含css的推荐方式。
您所要做的就是去掉前面的斜杠和node_modules目录，就像从节点模块导入js包一样：
import 'package/css/style-to-import.css'
使用css导入时，请使用波浪号(~)表示绝对导入：
@import '~package/css/style-to-import.css'
Stack Overflow用户
发布于 2020-07-24 09:22:56
与前面的答案不同的是，这取决于您将CSS导入到的位置；是组件还是样式表。
如果要将node_modules样式表导入到组件中，则不需要如上所述的相对路径。
import 'packagename/dist/css/styles.css'但是，如果要将node_modules样式表导入到CSS/SCSS文件中，则需要使用代字号~。
@import '~packagename/dist/css/styles.css'https://stackoverflow.com/questions/45658500
复制相似问题