问Next.js 9导入第三方插件css
EN

Stack Overflow用户

提问于 2020-03-29 21:22:50

回答 1查看 731关注 0票数 2

我想在我的一个组件中使用owl.carousel插件，但我不想在_app.js中全局导入owl.carousel.css，因为插件css文件很大，我只想在将使用它的组件中导入它，而不是在所有页面中导入。

有没有办法使用css支持中的NEXT.JS 9构建在我的一个组件中导入它？

发布于 2020-03-31 15:06:24

对于这种情况，Next.js似乎没有内置的CSS支持。

您可以在组件中添加常规的<link>样式表。

const Foo = () => (
  <div>
    <link 
      href="owl.carousel.css" 
      rel="stylesheet"
    />
  </div>
);

export default Foo;

样式表不会自动缩小，因为它没有经过构建过程，所以请使用缩小的版本。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60914828

复制

相似问题

问Next.js 9导入第三方插件cssEN