如果在这个脚手架里建css,scss引入,类名和id是全局的吗

来源:3-3 React 生命周期

qq_慕盖茨326600

2019-05-29 20:00

如果在这个脚手架里建css,scss引入,类名和id是全局的吗

写回答 关注

1回答

  • 紫轩丨丶飞
    2019-06-04 11:45:49

    在脚手架中这个问题早已做过处理,无需去修改配置。
    你可以在 node_modules\react-scripts\config\webpack.config.js 中找到相关配置,如下:

    https://img2.mukewang.com/5cf5e888000115a706770159.jpg

    https://img3.mukewang.com/5cf5e8870001937b08830715.jpg

    https://img3.mukewang.com/5cf5e8880001313d10820837.jpg

    也就是说,用 .module.css 结尾的 css 文件,webpack打包时会进行 css 模块化处理。

    而使用以 .css 结尾的 css 文件默认不会被处理。(其中,以 .css结尾的样式文件并不会匹配到以 .module.css 结尾的样式文件,因为 .module.css 后缀名的样式文件在 cssRegex 中已经通过 exclude 属性排除掉了,如下图所示。)

    https://img.mukewang.com/5cf5e95b0001c09108570225.jpg

    在开发时只要注意文件的命名就可以了。


基于实例的 React16 傻瓜课程

通过一系列简单有趣的例子,让你了解 React16 的基本概念和新特性

22372 学习 · 106 问题

查看课程

相似问题