css-loader 模块化问题

来源：3-4 使用 Loader 打包静态资源（样式篇 - 下）

非洲小白脸4

2021-09-29

图片描述
入口文件如上引用了样式文件也给标签添加了 iconfont 和 icon-ancient-pavilion-fill 的样式

图片描述
老师的课程中把这个 modules 给注释掉了当然这里注释掉了默认配置是 false 不开启模块化
但是我这里把它打开因为入口文件值引用了一个样式文件 index.scss 但是打开模块化后会导致没办法显示出图标

图片描述

从上图可以看出显示不出来是因为加载到 header 里面的样式的名称改变了自然下面的 iconfont 和 icon-ancient-pavilion-fill 无法生效反之如果关闭模块化是可以显示图标的图标样式名称也没有改变

如果我就是要开启模块化就那这种情况下改如何解决呢？

写回答

1回答

Dell

2021-10-04

定义两个文件后缀，***.module.scss 和 *.scss 前者配置一下支持模块化，后者不支持。如果你要用模块化，你就写 .module.scss 这个后缀，不用就写 .scss 后缀

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3627 学习 · 1291 问题

相似问题

回答 1

回答 5

回答 1

回答 1

回答 1