feat: add encoding & generator options

README.md

@@ -207,6 +207,92 @@ module.exports = {
 };
 ```
 
+### `encoding`
+
+Type: `String`
+Default: `base64`
+
+Specify the encoding which the file will be in-lined with. It supports [Node.js Buffers and Character Encodings](https://nodejs.org/api/buffer.html#buffer_buffers_and_character_encodings) which are `["utf8","utf16le","latin1","base64","hex","ascii","binary","ucs2"]`.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.svg$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              mimetype: 'utf8',
+            },
+          },
+        ],
+      },
+    ],
+  },
+};
+```
+
+### `source`
+
+Type: `Function`
+Default: `data:${mimetype || ''};${encoding},${src.toString(encoding)}`
+
+You can create you own custom implementation for encoding data. in the example we are compressing svg files using [mini-svg-data-uri](https://github.com/tigt/mini-svg-data-uri) implementation.
+
+**webpack.config.js**
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.svg$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              source: (svgContent) => {
+                const svgToMiniDataURI = require('mini-svg-data-uri');
+
+                return svgToMiniDataURI(svgContent);
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+};
+```
+
+By using your own implementation, `mimetype` and `encoding` won't have effect on the final output. until you specify them in the output manually for Example:
+
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.svg$/i,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              source: (svgContent) => {
+                return `data:image/svg;utf8,${svgContent}`;
+              },
+            },
+          },
+        ],
+      },
+    ],
+  },
+};
+```
+
 ### `esModule`
 
 Type: `Boolean`

package.json

@@ -49,6 +49,7 @@
   "dependencies": {
     "loader-utils": "^2.0.0",
     "mime-types": "^2.1.26",
+    "mini-svg-data-uri": "^1.1.3",
     "schema-utils": "^2.6.5"
   },
   "devDependencies": {

src/index.js

@@ -36,6 +36,7 @@ export default function loader(src) {
   if (shouldTransform(options.limit, src.length)) {
     const file = this.resourcePath;
     const mimetype = options.mimetype || mime.contentType(path.extname(file));
+    const encoding = options.encoding || 'base64';
 
     if (typeof src === 'string') {
       // eslint-disable-next-line no-param-reassign
@@ -45,11 +46,13 @@ export default function loader(src) {
     const esModule =
       typeof options.esModule !== 'undefined' ? options.esModule : true;
 
+    const encodedData = options.source
+      ? options.source(src)
+      : `data:${mimetype || ''};${encoding},${src.toString(encoding)}`;
+
     return `${
       esModule ? 'export default' : 'module.exports ='
-    } ${JSON.stringify(
-      `data:${mimetype || ''};base64,${src.toString('base64')}`
-    )}`;
+    } ${JSON.stringify(encodedData)}`;
   }
 
   // Normalize the fallback.

src/options.json

@@ -5,6 +5,24 @@
       "description": "Enables/Disables transformation target file into base64 URIs (https://github.com/webpack-contrib/url-loader#limit).",
       "type": ["boolean", "number", "string"]
     },
+    "encoding": {
+      "description": "Specify the encoding which the file will be in-lined with.",
+      "type": "string",
+      "enum": [
+        "utf8",
+        "utf16le",
+        "latin1",
+        "base64",
+        "hex",
+        "ascii",
+        "binary",
+        "ucs2"
+      ]
+    },
+    "source": {
+      "description": "Adding custom implementation for encoding files.",
+      "instanceof": "Function"
+    },
     "mimetype": {
       "description": "The MIME type for the file to be transformed (https://github.com/webpack-contrib/url-loader#mimetype).",
       "type": "string"