时间戳

首页 > 解决方案 > 是否可以将全局第三方类扩展为 Next.js 中的 CSS 模块？

css - 是否可以将全局第三方类扩展为 Next.js 中的 CSS 模块？

问题描述

我正在使用 Next.js 和 CSS 模块。现在_app.js我正在导入一个全局 scss 文件，如下所示：

import 'public/scss/style.scss';

在这个文件中，我导入了 Bootstrap：

@import '../../node_modules/bootstrap/scss/bootstrap';

假设我有一个像Footer.jsx. 我想创建一个Footer.module.scss使用 Bootstrap 的.container. 我尝试过这样的事情：

.myClass {
  @extend .container;
}

但显然这不起作用：

SassError: The target selector was not found

实现我尝试做的事情的最佳方式是什么？

标签： csssassnext.jsbootstrap-5

解决方案

推荐阅读