物料
/* style.css、style.less、style.module.less中的内容均如下所示 */body { background: yellow;}:global { body { background: red; }}.title { color: red;}
导入.css后缀文件
import './style.css'
body
款式失效,:global
款式不失效
import style from './style.css'
body
款式失效,:global
款式不失效,style
为空对象
导入.less后缀文件
import './style.less'
body
款式失效,:global
款式不失效
import style from './style.less'
body
款式失效,:global
款式不失效,style
为undefined
导入.module.less后缀文件
import './style.module.less'
body
款式失效,:global
款式失效
import style from './index.module.less'
body
款式失效,:global
款式失效,style
为空对象
留神
:global
是css modules
的语法,而不是less
的语法,所以如果没有开启css modules
,那:global
不失效是失常景象