react.js - react webpack引入外部css文件debug看不到样式？
本文介绍了react.js - react webpack引入外部css文件debug看不到样式？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
import style from 'styles/blogMainContent.less';
<div className="art-content">
看不到样式，以前用require('')是可以的
解决方案
webpack是否配置了style-loader, css-loader, less-loader呢？
如果使用了css-loader，那么他就会成为一个css module，如果你在less中写的是.art-content {}，这样就是一个局部作用域，需要className={style['art-content']}来调用，如果你写的是:global(.art-content) {}就可以className="art-content"调用。
css-loader
CSS Modules 用法教程
这篇关于react.js - react webpack引入外部css文件debug看不到样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
