- 依賴模塊
"babel-plugin-react-html-attrs": "^2.0.0",
"style-loader": "^0.13.1",
"css-loader": "^0.25.0"
- webpack.config.js 配置文件
// 下面是添加的 css 的 loader , 也即是 css 模塊化的配置方法
{
test: /\.css$/,
loader: 'style-loader!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]__[hash:base64:5]'
}
- 導(dǎo)入CSS
var footerCss = require("../../footer.css")
<footer className={footerCss.miniFooter}>
JSX 與 CSS的互轉(zhuǎn)
轉(zhuǎn)換工具 ： http://staxmanade.com/CssToReact/Ant Design 樣式框架
// 安裝
npm install antd --save
// 引入樣式
import 'antd/dist/antd.css';
// 引入組件
import { Input, Select, Icon } from 'antd';
// 使用組件
<Input placeholder="Basic usage" />
