首页 > 移动平台 > 详细

create react app的 css loader 进行局部配置

时间:2019-11-27 12:25:00      阅读:99      评论:0      收藏:0      [点我收藏+]
         {
              test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                sourceMap: isEnvProduction && shouldUseSourceMap,
                modules:false
              }),
              // Don‘t consider CSS imports dead code even if the
              // containing package claims to have no side effects.
              // Remove this when webpack adds a warning or an error for this.
              // See https://github.com/webpack/webpack/issues/6571
              sideEffects: true,
            },

其中

modules:false是不启用局部样式,如果设置成true,就会为当前引入CSS的文件启用局部样式,比如:
技术分享图片
这样的写法运行后,就会发现CSS引入的类已经被编译成一个独一无二的类名了,不会穿透子组件进行CSS干扰,更多详细内容,可以参考这个文章:
https://www.jianshu.com/p/f8b73cfc6ec8



create react app的 css loader 进行局部配置

原文:https://www.cnblogs.com/llcdbk/p/11940346.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!