React 样式模块化

1. 依赖模块

    "babel-plugin-react-html-attrs": "^2.0.0",
    "style-loader": "^0.13.1",
    "css-loader": "^0.25.0"

2. webpack.config.js 配置文件

      // 下面是添加的 css 的 loader , 也即是 css 模块化的配置方法
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]__[hash:base64:5]'
      }

3. 导入CSS

var footerCss = require("../../footer.css")
<footer className={footerCss.miniFooter}>

4. JSX 与 CSS的互转
   转换工具 ： http://staxmanade.com/CssToReact/

5. Ant Design 样式框架

// 安装
npm install antd --save
// 引入样式
import 'antd/dist/antd.css';
// 引入组件
import { Input, Select, Icon } from 'antd';

// 使用组件
<Input placeholder="Basic usage" />