Reactjs Webpack：反应与基础图标

我通过npm安装了基础图标。如何将我的网页包配置配置为只在组件呈现方法中包含带有所需类名的标记？

我是如何从包本身获取此网页包配置的

module.exports = {
  module: {
    loaders: [
      // the url-loader uses DataUrls. 
      // the file-loader emits files. 
      { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
      { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }
    ]
  }
};

不要忘记安装装载机：

npm install url-loader --save-dev
npm install file-loader --save-dev

最后，从App.js导入基础ICONS.CSS，并使用您的特定基础图标。

import 'foundation-icons/foundation-icons.css';

import React, {Component} from 'react';

class App extends Component {
  render() {
    return (
      <div>
        <i className="step fi-like size-48"></i>
      </div>
    );
  }
}

export default App;

导入'foundation icons/foundation icons.css'；
从“React”导入React，{Component}；
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序；

---

看起来很简单。不过，我还没有尝试过这个方法。

在投票被否决之前，先写一段代码