Create-React-App:从node_module目录中包含CSS的最佳方法是什么

问题描述 投票:19回答:3

我正在尝试在我的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的最佳方式是什么?

create-react-app
3个回答
7
投票

找到css文件的路径

例如:./node_modules/packagename/dist/css/styles.css

使用与node_modules相关的路径导入(node_modules/之后的任何内容)

import 'packagename/dist/css/styles.css'

30
投票

node_modules不需要相对路径,不应该是包含css的推荐方法

您所要做的就是省略前面的斜杠和node_modules目录,就像从节点模块导入js包一样:

import 'package/css/style-to-import.css'


-2
投票

我发现这是一个痛苦的错误。特别是我的webpack.config.js不再运行了。

特别反应应用程序现在在src文件夹中运行,导入文件需要在公用文件夹中。

我正在使用materialize-social并发现最简单的方法是将node_module文件夹“materialize-social”移动到公共目录,任何其他方式请将其推荐下来。

© www.soinside.com 2019 - 2024. All rights reserved.