USAGE

Jump to bottom

龙天 edited this page Jul 25, 2016 · 1 revision

安装和配置

假设开发环境是 React 和 Webpack

通过 NPM 安装 cicon 和相关 Loader

npm install cicon style-loader css-loader url-loader file-loader -D

修改 Webpack 配置文件

module:{
  loaders:[
    {
      test:/\.css$/,
      loader:'style-loader!css-loader'
    },
    {
      test   : /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
      loader : 'url-loader?limit=999990'
    }
  ]
}

在 React 中使用

在组件里导入字体库

import 'cicon/iconfont.css';

在页面中使用样式

<i className='cicon cicon-mysql'></i>