Add files.

Author: jaywcjlove

.gitignore

@@ -0,0 +1 @@
+node_modules

.npmignore

@@ -0,0 +1 @@
+node_modules

README.md

@@ -0,0 +1,121 @@
+
+<div align="center">
+  <a href="https://github.com/webpack/webpack">
+    <img width="200" height="200"
+      src="https://cdn.rawgit.com/webpack/media/e7485eb2/logo/icon.svg">
+  </a>
+  <h1>URL Replace Loader</h1>
+  <p>Loads files as `base64` encoded URL</p>
+</div>
+
+
+<h2 align="center">Install</h2>
+
+```bash
+npm install --save-dev url-replace-loader
+```
+
+<h2 align="center"><a href="https://webpack.js.org/concepts/loaders">Usage</a></h2>
+
+The `url-loader` works like the [`file-loader`](https://github.com/webpack-contrib/file-loader), but can return a DataURL if the file is smaller than a byte limit.
+
+
+```js
+import img from './image.png'
+```
+
+**webpack.config.js**
+```js
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.(svg|png|bmp|jpg|jpeg|gif)$/,
+        loader: require.resolve('url-loader'),
+        options: {
+          limit: 8192,
+          name: 'img/[name].[hash:8].[ext]',
+          replace: [
+            {
+              test: /rdoc\.logo\.svg$/,
+              path: 'path/to/logo.svg',
+            }
+          ]
+        },
+      },
+    ]
+  }
+}
+```
+
+
+<h2 align="center">Options</h2>
+
+|Name|Type|Default|Description|
+|:--:|:--:|:-----:|:----------|
+|**`limit`**|`{Number}`|`undefined`|Byte limit to inline files as Data URL|
+|**`mimetype`**|`{String}`|`extname`|Specify MIME type for the file (Otherwise it's inferred from the file extension)|
+|**`fallback`**|`{String}`|`file-loader`|Specify `loader` for the file when file is greater than the limit (in bytes)|
+
+### `limit`
+
+If the file is greater than the limit (in bytes) the [`file-loader`](https://github.com/webpack-contrib/file-loader) is used by default and all query parameters are passed to it.
+You can use other loader using `fallback` option.
+
+The limit can be specified via loader options and defaults to no limit.
+
+**webpack.config.js**
+
+```js
+{
+  loader: 'url-loader',
+  options: {
+    limit: 8192
+  }
+}
+```
+
+### `mimetype`
+
+Set the MIME type for the file. If unspecified the file extensions will be used to lookup the MIME type.
+
+**webpack.config.js**
+```js
+{
+  loader: 'url-loader',
+  options: {
+    mimetype: 'image/png'
+  }
+}
+```
+
+### `fallback`
+
+**webpack.config.js**
+```js
+{
+  loader: 'url-loader',
+  options: {
+    fallback: 'responsive-loader'
+  }
+}
+```
+
+### `replace`
+
+Replace with the specified picture.
+
+**webpack.config.js**
+```js
+{
+  loader: 'url-loader',
+  options: {
+    replace: [
+      {
+        test: /rdoc\.logo\.svg$/,
+        path: 'path/to/logo.svg',
+      }
+    ]
+  }
+}
+```

index.js

@@ -0,0 +1,48 @@
+/*
+ MIT License http://www.opensource.org/licenses/mit-license.php
+ Author Tobias Koppers @sokra
+ */
+var loaderUtils = require("loader-utils");
+var validateOptions = require("schema-utils");
+
+var FS = require("fs");
+var mime = require("mime");
+
+module.exports = function (content) {
+  this.cacheable && this.cacheable();
+
+  var options = loaderUtils.getOptions(this) || {};
+
+  validateOptions(require("./options"), options, "URL Loader")
+  // Options `dataUrlLimit` is backward compatibility with first loader versions
+  var limit = options.limit || (this.options && this.options.url && this.options.url.dataUrlLimit);
+
+  if (limit) {
+    limit = parseInt(limit, 10);
+  }
+
+  var replace = options.replace || [];
+  replace.forEach(function (params) {
+    if (params.test && params.path && FS.existsSync(params.path)) {
+      content = FS.readFileSync(params.path);
+      this.resourcePath = params.path;
+    }
+  })
+
+  var mimetype = options.mimetype || options.minetype || mime.lookup(this.resourcePath);
+  // No limits or limit more than content length
+  if (!limit || content.length < limit) {
+    if (typeof content === "string") {
+      content = new Buffer(content);
+    }
+
+    return "module.exports = " + JSON.stringify("data:" + (mimetype ? mimetype + ";" : "") + "base64," + content.toString("base64"));
+  }
+
+  var fallback = options.fallback || "file-loader";
+  var fallbackLoader = require(fallback);
+
+  return fallbackLoader.call(this, content);
+}
+
+module.exports.raw = true;

options.json

@@ -0,0 +1,18 @@
+{
+  "type": "object",
+  "properties": {
+    "limit": {
+      "type": ["number", "string"]
+    },
+    "prefix": {
+      "type": "string"
+    },
+    "mimetype": {
+      "type": "string"
+    },
+    "encoding": {
+      "type": "string"
+    }
+  },
+  "additionalProperties": true
+}

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "url-replace-loader",
+  "version": "1.0.0",
+  "description": "url loader module for webpack",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "dependencies": {
+    "loader-utils": "^1.0.2",
+    "mime": "^1.4.1",
+    "schema-utils": "^0.3.0"
+  },
+  "peerDependencies": {
+    "file-loader": "*"
+  },
+  "bugs": {
+    "url": "https://github.com/react-doc/url-replace-loader/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/react-doc/url-replace-loader.git"
+  },
+  "keywords": [],
+  "author": "kenny wong <[email protected]>",
+  "license": "MIT"
+}