创建React应用程序：从node_模块目录中包含CSS的最佳方式是什么
我试图在我的create-react-app项目中包含一些CSS。CSS来自第三方NPM包，因此位于node_modules目录中。
我试过：import'/node\u modules/packagename/css/styles。css'
但我得到了一个错误：
未找到模块：您试图导入/node_modules/packagename/css/styles。位于项目src/目录之外的css。不支持src/之外的相对导入。您可以将其移动到src/内部，也可以从项目的节点_modules/向其添加符号链接。
我不希望将CSS移动到src/以便可以通过NPM进行更新。我可以使用符号链接，但当我在windows上开发并部署到linux时，这并不理想。
我包含CSS的最佳方式是什么？
共有3个答案
与之前的答案没有区别的是，这取决于您将CSS导入的位置；一个组件或一个样式表。
如果要将节点_modules样式表导入到组件中，则不需要上面提到的相对路径。
import 'packagename/dist/css/styles.css'
但是，如果要将节点_modules样式表导入CSS/SCSS文件，则需要使用tilde~。
@import '~packagename/dist/css/styles.css'
节点_模块的相对路径是不必要的，不应该是包含css的推荐方式
你所要做的就是去掉前面的斜杠和node_modules目录，就像从node modules导入js包一样：
import'要导入的包/css/style。css'
使用css导入时，使用波浪号（~）表示绝对导入：
@import'~要导入的包/css/style。css'
找到css文件的路径
示例：/node_modules/packagename/dist/css/styles。css
使用与node_modules相关的路径导入（node_modules/之后的任何内容）
import 'packagename/dist/css/styles.css'
-
这是我的第一个反应应用程序。我正在开发windows 10，节点版本10.15.3，npm版本6.4.1。当我执行create-react-app命令时： 在这之后，它就卡住了，我等了将近20分钟，但什么也没发生，没有显示成功消息或关于命令的信息，比如npm启动，我必须执行ctrl c来终止批处理作业。创建的项目文件夹只包含package.json、package-lock.json和node_m
-
问题内容： 我是React-native编码的新手，但是在Objective-C和Swift编码方面经验丰富，想在React- Native中使用单例模式。我试图从其他StackOverflow答案中找出解决方案，但是其中大多数仅创建单例函数，如下代码： 正如我们在上面的代码中看到的那样，我们正在创建单例函数而不是类。请让我知道是否有任何方法可以创建单例类并将该类中的多个变量作为Objective
-
当我开始创建一个新的react应用程序，并运行-npx create react app my app时，我看到在安装reactor其他模块后，它正在删除所有文件夹。下面是cmd中的代码详细信息 。。。├─ 反应-scripts@3.0.0 └─ react@16.8.6完成于422.17秒。错误：EPERM:不允许操作，打开“C:\Users\lenovo”。yarnrc' 正在中止安装。yar
-
问题内容： 想象一下，你想使用Python开发非平凡的最终用户桌面（非Web）应用程序。构造项目文件夹层次结构的最佳方法是什么？ 理想的功能是易于维护，IDE友好，适用于源代码控制分支/合并以及易于生成安装软件包。 尤其是： 你将源放在哪里？ 你将应用程序启动脚本放在哪里？ 你将IDE项目放在哪里？ 你将单元/验收测试放在哪里？ 你将非Python数据（例如配置文件）放在哪里？ 你在哪里将非Pyt
-
为了让这个布局正常工作，我已经挣扎了好几个小时。 这是我的代码： 每个片段都是一个简单的RelativeLayout（都有相同的视图）： 现在我想让它像这样工作： > 1） 无嵌套layout_weight 2）完全没有嵌套（例如嵌套2个第一个片段等） 3)在视图呈现后，不使用代码以编程方式完成。 在我看来，最简洁、可读性最强的方法是将片段1和片段2的方向设置为水平，将片段3设置为垂直，但它不起作