除此之外没有什么区别.如果你是从静态文件夹导入地址是这样的: import stylesheet from '../static/css/index.css' 现在如果你想从一个节点模块导入css(例如rc-slider包),它将是: import rcstyle from 'rc-slider/assets/index.css';
// Old
import "@splidejs/react-splide/dist/css/themes/splide-default.min.css";
// New
import "node_modules/@splidejs/react-splide/dist/css/themes/splide-default.min.css";
6条答案
按热度按时间wb1gzix01#
**更新:**如果您在将普通css导入到组件中时遇到任何问题,请遵循this示例。
除此之外没有什么区别.如果你是从静态文件夹导入地址是这样的:
import stylesheet from '../static/css/index.css'
现在如果你想从一个节点模块导入css(例如rc-slider包),它将是:
import rcstyle from 'rc-slider/assets/index.css';
w46czmvw2#
添加
node_modules/
前缀的帮助:xam8gpfp3#
这可能是您正在寻找的解决方案:
3个简单步骤:
1.安装next-css插件:
1.在根目录中创建包含以下内容的next.config.js:
1.现在你应该可以像这样从node_modules导入样式表了:
其他的解决方案都是在next-css出现之前的解决方案,但是如上所述,现在有一个简单的、受支持的解决方案,它是由一个核心团队成员提供的:https://spectrum.chat/next-js/general/ignoring-folders-files-specifically-fonts~4f68cfd5-d576-46b8-adc8-86e9d7ea0b1f
nwlqm0z14#
使用@webdeb/next-styles代替@zeit/next-css,这样就可以正常导入任何节点模块样式。
unguejic5#
自Next.js 9.2起,不再需要使用
next-css
和withCSS
或withStyle
。Next.js本机处理CSS导入。由于这些导入可能会带来Webpack问题(请参阅本期:在NextJs中导入CSS时遇到问题),以下是使用webpack配置加载器的方法。然后将
next.config.js
文件替换(或完成)为以下内容:不要忘记删除任何提及
withCSS
、withStyle
或next-css
的内容,因为它们可能会导致一些错误发生。y1aodyip6#
从Nextjs 9.5.4开始,您现在可以直接将css文件从node_modules导入到您需要它的组件中(不需要在_app. js中)。
更多信息请参见这里的文档-https://nextjs.org/docs/basic-features/built-in-css-support。一切顺利。