使用Webpack构建React+Redux+TS+Sass项目的样式编译异常问题

项目背景 #

• 分别基于Vite和Webpack搭建了React + Redux + SASS + TypeScript项目，Vite配置便捷，但因项目规模较大，最终选择使用Webpack。

注：构建后所有匹配规则test: /\.(?:ico|gif|png|jpg|jpeg)$/i的图片将保留在原父目录中。

当前问题 #

根目录下的index.module.scss用于存放全局Sass变量，各组件目录中都有对应的folder.module.scss样式文件，但执行npm run build命令构建后，生成的CSS文件出现异常，按钮未按照编写的Sass样式正常渲染。

相关截图 #

内容的提问来源于stack exchange，提问作者Maurya