说明
1、CSS Modules指的是像import js一样去引入css代码。
代码中的每一个类名都是引入对象的一个属性,通过这种方式,即可在使用时明确指定所引用的css样式。
2、Modules在打包的时候会自动将类名转换成hash值,完全杜绝css类名冲突的问题。
实例
在项目当中使用
Test.jsx
import React, { Component } from 'react'; // 将样式文件当成模块引入 import styles from "./test.css"; export default class Test extends Component { render() { return ( <div> <div className={styles.test}>测试</div> </div> ) } }
以上就是CSS Modules的意思,希望对大家有所帮助。更多css学习指路:css教程
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试