Первая версия ссупорта генерации шрифтов из иконок

package.json

@@ -44,6 +44,7 @@
     "eslint": "^1.10.3",
     "eslint-plugin-react": "^3.13.1",
     "extract-text-webpack-plugin": "^0.9.1",
+    "fontgen-loader": "^0.1.9",
     "html-webpack-plugin": "^1.7.0",
     "imports-loader": "^0.6.4",
     "karma": "*",

src/components/ui/icons.js

@@ -0,0 +1,12 @@
+import icons from 'icons.font.json';
+
+const baseClass = 'icon';
+
+export default Object.keys(icons)
+    .filter((icon) => icon !== baseClass)
+    .reduce((acc, icon) => {
+        acc[icon.replace(`${baseClass}-`, '')] = `${icons[baseClass]} ${icons[icon]}`;
+
+        return acc;
+    }, {})
+    ;

src/icons.font.json

@@ -0,0 +1,6 @@
+{
+    "files": ["icons/webfont/*"],
+    "fontName": "ely-account-icons",
+    "fixedWidth": true,
+    "normalize": true
+}

webpack.config.js

@@ -21,7 +21,7 @@ var isTest = process.argv.some(function(arg) {
     return arg.indexOf('karma') !== -1;
 });
 
-const CSS_LOADER = 'style!css?modules&importLoaders=1&localIdentName=[path][name]-[local]!postcss';
+const CSS_LOADER = 'style!css?modules&importLoaders=2&localIdentName=[path][name]-[local]!postcss';
 
 var webpackConfig = {
     entry: {
@@ -107,15 +107,10 @@ var webpackConfig = {
                     plugins: ['transform-runtime', ['react-intl', {messagesDir: './dist/messages/'}]]
                 }
             },
-            { // DEPRECATED
+            {
-                test: /i18n\/.*\.less$/,
+                test: /\.font.(js|json)$/,
-                loader: CSS_LOADER + '!less'
-            },
-            { // DEPRECATED
-                test: /\.less$/,
                 extractInProduction: true,
-                exclude: /i18n\/.*\.less$/,
+                loader: CSS_LOADER + '!fontgen?types=woff,eot,ttf'
-                loader: CSS_LOADER + '!less'
             }
         ]
     },