Значки Webpack, React and foundation

Question

Я установил иконки основания через npm. Как настроить конфигурацию webpack, чтобы включить тег в нужное имя класса в методе рендеринга компонентов?

Answer 1

Вот как, я схватил эту конфигурацию webpack от foundation-icons самого пакета.

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 

Наконец, импорт фундаментного icons.css из App.js и использовать конкретный значок фундамента.

Выглядит довольно просто. Однако я этого не пробовал.