Hello World

webpack-utils/cssUrl.js

@@ -0,0 +1,36 @@
+// при использовании sass-loader теряется контекст в импортированных модулях
+// из-за чего css-loader не может правильно обработать относительные url
+//
+// препроцессим урлы перед тем, как пропускать их через sass-loader
+// урлы, начинающиеся с / будут оставлены как есть
+
+const cssUrl = require('postcss-url');
+const loaderUtils = require('loader-utils');
+
+// /#.+$/ - strip #hash part of svg font url
+const urlToRequest = (url) => loaderUtils.urlToRequest(url.replace(/\??#.+$/, ''), true);
+const urlPostfix = (url) => {
+    var idx = url.indexOf('?#');
+
+    if (idx < 0) {
+        idx = url.indexOf('#');
+    }
+
+    return idx >= 0 ? url.slice(idx) : '';
+};
+
+module.exports = function(loader) {
+    return cssUrl({
+        url: (url, decl, from, dirname, to, options, result) =>
+            new Promise((resolve, reject) =>
+                loaderUtils.isUrlRequest(url) ? loader.loadModule(urlToRequest(url), (err, source) =>
+                    err ? reject(err) : resolve(
+                        loader.exec(`
+                            var __webpack_public_path__ = '${loader.options.output.publicPath}';
+                            ${source}
+                        `) + urlPostfix(url)
+                    )
+                ) : resolve(url)
+            )
+    });
+};

webpack-utils/intl-loader.js

@@ -0,0 +1,21 @@
+module.exports = function() {
+    this.cacheable && this.cacheable();
+
+    var moduleId = this.context
+        .replace(this.options.resolve.root, '')
+        .replace(/^\/|\/$/g, '')
+        .replace(/\//g, '.');
+
+    var content = this.inputValue[0];
+    content = JSON.stringify(Object.keys(content).reduce(function(translations, key) {
+        translations[key] = {
+            id: moduleId + '.' + key,
+            defaultMessage: content[key]
+        };
+
+        return translations;
+    }, {}));
+
+    return 'import { defineMessages } from \'react-intl\';'
+        + 'export default defineMessages(' + content + ')';
+};

webpack-utils/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "webpack-utils",
+  "version": "1.0.0",
+  "description": "",
+  "keywords": [],
+  "author": "",
+  "dependencies": {
+    "loader-utils": "^0.2.12"
+  }
+}