react webpack引入外部css文件debug看不到样式?

import style from 'styles/blogMainContent.less';

<div className="art-content">

看不到样式,以前用require('')是可以的

阅读 7k
1 个回答

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 用法教程

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题