首页 > 解决方案 > Next JS 中的 SCSS 模块块

问题描述

我有这样的问题。我的项目建立在 Next JS 和 React 之上。我正在使用 SCSS 来设置我的组件的样式。我有一个问题 - 渲染时不同的 scss 块行为。情况是这样的,当我转到使用 SCSS 模块设置组件样式的页面时,我可以在浏览器的 Source 选项卡中看到 webpack 创建的单独文件(使用 Next JS 中内置的 webpack)。但是,如果我通过站点的内部链接访问该页面,而不是直接通过 URL 或页面刷新,则该文件不再位于 Source 中。它是通过 Ajax 请求加载的,我可以在网络选项卡中看到它。因此,它通过“head”中的“style”标签连接到项目。同时,它不会创建指向该文件的链接,因为我无法在 Source 中使用它,而只是填充了“样式”的内容 使用我收到的响应的内容标记(该文件具有网络中的样式,它来自 Ajax 请求)。我想了解这种行为之间有什么区别,以及我是否能以某种方式影响它。

标签: javascriptreactjssassnext.jschunks

解决方案


推荐阅读