react-css-modules（译文）_html/css_WEB-ITnose

原文地址： react-css-modules

阅读本文前建议了解 CSS Modules的知识。墙裂推荐阅读 Cam 的文章 CSS Modules详解及React中实践

React CSS Modules 实现了自动化映射 CSS modules。每个 CSS 类都被赋予了一个带有全局唯一名字的本地标识符。 CSS Modules 实现了模块化和复用性。

CSS Modules

CSS Mosules碉堡了。如果你对 CSS Modules 还不够熟悉，那么没关系，它只是一个使用 webpack 之类的模块打包机加载 CSS 作用于特定文档的概念。CSS module loader 将为每一个 CSS 类在加载 CSS 文档（确切的说，这个文档就是 Interoperable CSS）的时候生成一个唯一的名字。你可以来看下这个 CSS Modules 实践例子—— webpack-demo。

在React语法环境中，CSS Modules 看起来是样子的↘

import React from 'react';import styles from './table.css';export default class Table extends React.Component {    render () {        return 
            
                
A0

      
查看更多关于react-css-modules（译文）_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did114340