{"_id":"new-url-loader","_rev":"4-25aa9abe85e3b51de51b1d77c47270dd","name":"new-url-loader","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"new-url-loader","version":"0.1.0","description":"A tiny alternative to url-loader and file-loader for webpack 5.","main":"index.js","peerDependencies":{"webpack":"^5.0.0"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/marella/new-url-loader.git"},"bugs":{"url":"https://github.com/marella/new-url-loader/issues"},"homepage":"https://github.com/marella/new-url-loader","keywords":["webpack","webpack-loader","url-loader","file-loader"],"gitHead":"8a135f9ab388a193aac7fb26a7e0e7fca56969bd","_id":"new-url-loader@0.1.0","_nodeVersion":"16.2.0","_npmVersion":"7.13.0","dist":{"integrity":"sha512-7qshiYAO32+xAcgTLLQsVD6Pt7LijrUegK+zVAEBKbPGsjGIlIos54TrtxDWWibSi90TlWR60g3UrMuEB1zFxg==","shasum":"368d5dadf9fa263246f5d6b7248f60eec672603b","tarball":"https://registry.npmjs.org/new-url-loader/-/new-url-loader-0.1.0.tgz","fileCount":4,"unpackedSize":4317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgyyxsCRA9TVsSAnZWagAAfSsP/2HXC+q29kDQ2K1bEgGY\nRqHvnRJFuTc32bZQOKA9x2mpsRgK4WOREetpuDuNxjUCSBE9rMCi0ipeP7Xa\nq2tkg0wxRA7+NXTYb5dNKQB2ob1wJsshSs+F9hXPKcQFXXGl73VrSXVEpkRB\nIkW+HqBiRDkFt3fNwQxnXtuTRaossdrOKBMTyj8jrf5OE3lkSq3AlL0VlwPt\nMzPc6A2xSSVhLaDV81GvVWzk6awpPN6a2YIZqyEvmFt9eXxrPQdNWQmDmgGp\nXRMiGkIZr7xfn/5QOshstIhwqm+1dsB4MpCAmDRb85GglL9wIcPEja9m/yoJ\neK/dHUPPWMogd7sMaE4YwIeqqRVToq5sEO/UQtj3whct0q7CJ9GzI8Sjudka\nquP+L1BebzNXFf43xNQxdaL7vydkBJDhaR6KRDfIu6Mm35mnlg5WagIMBfmd\nZgagiCVMfhG6HgWeCe+yGzAUg5iGfhhVooxLW1FvFg6L3tfnm57vJE7vlHRp\n/IAWQSSBn5cYM4KY9wcKKVFBssYb94QLduVKtQDmkGbhGNBcG97418K8cd2S\nKZ5mTx2mETGm95FUGVpfBbQ/0TLTNH/K5lF+fBlJxPRepydXesaOEzjc9pa2\nKJ3S3qE8foQPRh4GzfKud3lLE/A82jOpxtSEouc5G5o8fbJnqIE+Wsh559n4\nunPO\r\n=ehM+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6EyzVD53Av8ei/x5CKzyDpfTRwDhLlJtkHASUtA5CEgIgMoSxuGwEcvSgiWayZBk0xgfRSrdD9swngRgeiD2ZJ8k="}]},"_npmUser":{"name":"marella","email":"mv.ravindra@yahoo.com"},"directories":{},"maintainers":[{"name":"marella","email":"mv.ravindra@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/new-url-loader_0.1.0_1623927915583_0.9246235217551797"},"_hasShrinkwrap":false},"0.1.1":{"name":"new-url-loader","version":"0.1.1","description":"A tiny alternative to url-loader and file-loader for webpack 5.","scripts":{"test":"jest","start":"npm test -- --watchAll","prepublishOnly":"npm test","preversion":"npm test"},"main":"index.js","peerDependencies":{"webpack":"^5.0.0"},"devDependencies":{"file-loader":"^6.2.0","jest":"^27.0.4","memfs":"^3.2.2","url-loader":"^4.1.1","webpack":"^5.0.0"},"engines":{"node":">=10.13.0"},"jest":{"collectCoverageFrom":["index.js"]},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/marella/new-url-loader.git"},"bugs":{"url":"https://github.com/marella/new-url-loader/issues"},"homepage":"https://github.com/marella/new-url-loader","keywords":["webpack","webpack-loader","url-loader","file-loader"],"gitHead":"8f7e53080f1172d9adab778b7cdc9249a8d57bbd","_id":"new-url-loader@0.1.1","_nodeVersion":"16.2.0","_npmVersion":"7.13.0","dist":{"integrity":"sha512-e7v5Q3uFk2jXgnL1JSVCszPTg9MYkbNIpKI6azeNlAa1bAwboA63aBsC63jlTEWlTacNL45tqWPx0Nm0SkCxCQ==","shasum":"d7bd273f34e9dfa25732ea17772092a5f4e66f66","tarball":"https://registry.npmjs.org/new-url-loader/-/new-url-loader-0.1.1.tgz","fileCount":4,"unpackedSize":5161,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgzQVBCRA9TVsSAnZWagAAUgYP/iuVhAAC/KWz4MB+ACJJ\nileRVICZ4MV92V7qrB9HKVhp7ECe0H7/L9Js1GkjBLVVRHnBwM6j+pvXlGOF\ng2mkvqEE8RdQKv4hyPskKKZAwspAcZopC8ZFEsf63xClUNEbLr+vOeqqL3xX\nE6q8azhwBkPy9DQrHf0/y7IVrnhNwZS4JE7Py9VKESIb7sxwdukjAcpWiybZ\nk3cIeF9fo+zg3zllZ+xFPJ5vgS9tO1iGAgVQ2rVBXJzWyKP2KnYYKgEjiIYV\nl6UIA1qEsBZ+l/wklMEfERL9NEmBifL5pygjKWSvrUnLPKUXOD4rLE/FqtPK\nRimORpqs2uptAu8gONJFBGQPFU5sKRP18wN+hK2IVjYgRHFufpPrP4V9aL48\n2ihpAU47o1vWoGDS1JUeZ/QXgw86WiUHnndH2E2gB2SJpsohwq+SRi9lSMjv\naFDmTbwGhc18Q9H6B+/i45SdIq+YeGpesxeT6GYDmReeWc/yR+Ph1JGN34Pp\nF6VW3YzLnwYd2T5swf9leaQAHpEWVDQFvI3wwIifitYZGpn14wRm8AL7RdUT\nMFmOVLuFRqqT45TwTSD6RJ2LmbpgalvWf7fTHh9jyKFiiCWeOyzrTsc7UDZ8\no1RLQbFOYDi/E31GHoBgLepfsnx+DTau/Z1urKBRicy+9ZCLWc2uGCQ+je8k\npbqH\r\n=C4sK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBzc8xxvtgrHAkRUiarKOoa+y+xmpyNLYkb/zVPwbOriAiEA3ZdF3JCZE7XsrvHcUhD2CJGxCc6ztQta5QipsVt0enU="}]},"_npmUser":{"name":"marella","email":"mv.ravindra@yahoo.com"},"directories":{},"maintainers":[{"name":"marella","email":"mv.ravindra@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/new-url-loader_0.1.1_1624048960809_0.46919137496247965"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-16T09:34:04.661Z","0.0.0":"2021-06-16T09:34:04.773Z","modified":"2022-05-10T14:00:39.891Z","0.1.0":"2021-06-17T11:05:15.704Z","0.1.1":"2021-06-18T20:42:40.926Z"},"maintainers":[{"name":"marella","email":"mv.ravindra@yahoo.com"}],"readme":"# [new-url-loader](https://github.com/marella/new-url-loader) [![tests](https://github.com/marella/new-url-loader/actions/workflows/tests.yml/badge.svg)](https://github.com/marella/new-url-loader/actions/workflows/tests.yml) [![Coverage Status](https://coveralls.io/repos/github/marella/new-url-loader/badge.svg)](https://coveralls.io/github/marella/new-url-loader) [![install size](https://packagephobia.com/badge?p=new-url-loader)](https://packagephobia.com/result?p=new-url-loader)\n\nA tiny alternative to `url-loader` and `file-loader` for webpack 5.\n\nThe `url-loader` and `file-loader` are deprecated in webpack 5 and replaced by [asset modules](https://webpack.js.org/guides/asset-modules/). Loaders that are used with `url-loader` or `file-loader` (example: `@svgr/webpack` in Create React App) might still need them. `new-url-loader` provides the functionality of both `url-loader` and `file-loader` using asset modules and [URL assets](https://webpack.js.org/guides/asset-modules/#url-assets).\n\n## Installation\n\n```sh\nnpm install new-url-loader --save-dev\n```\n\n## Usage\n\nIf you are using `url-loader` or `file-loader` with another loader (example: `@svgr/webpack`), you can replace them with `new-url-loader`. The following examples show how to configure webpack to load SVGs using `@svgr/webpack`.\n\n### Replacing `url-loader`\n\n**Old**\n\n```js\n{\n  test: /\\.svg$/,\n  use: ['@svgr/webpack', 'url-loader'],\n}\n```\n\n**New**\n\n```js\n{\n  test: /\\.svg$/,\n  oneOf: [\n    {\n      dependency: { not: ['url'] }, // exclude new URL calls\n      use: ['@svgr/webpack', 'new-url-loader'],\n    },\n    {\n      type: 'asset', // export a data URI or emit a separate file\n    },\n  ],\n}\n```\n\nBy default, a file with size less than 8kb will be inlined as a data URI and emitted as a separate file otherwise. To change the file size limit, use:\n\n```js\n{\n  type: 'asset',\n  parser: {\n    dataUrlCondition: {\n      maxSize: 4 * 1024, // 4kb\n    },\n  },\n}\n```\n\nYou can also specify a function to decide whether to inline a file or not. [Learn more](https://webpack.js.org/configuration/module/#ruleparserdataurlcondition)\n\n### Replacing `file-loader`\n\n**Old**\n\n```js\n{\n  test: /\\.svg$/,\n  use: ['@svgr/webpack', 'file-loader'],\n}\n```\n\n**New**\n\n```js\n{\n  test: /\\.svg$/,\n  oneOf: [\n    {\n      dependency: { not: ['url'] }, // exclude new URL calls\n      use: ['@svgr/webpack', 'new-url-loader'],\n    },\n    {\n      type: 'asset/resource', // emit a separate file\n    },\n  ],\n}\n```\n\nBy default, files are emitted with `[hash][ext][query]` name to output directory. To customize the output filename, use:\n\n```js\n{\n  type: 'asset/resource',\n  generator: {\n    filename: 'static/media/[name].[hash][ext]',\n  },\n}\n```\n\nIt also works with `asset` module type. [Learn more](https://webpack.js.org/guides/asset-modules/#custom-output-filename)\n\n### Examples\n\nSee [examples](https://github.com/marella/new-url-loader/tree/main/examples/svgr).\n","readmeFilename":"README.md","description":"A tiny alternative to url-loader and file-loader for webpack 5.","homepage":"https://github.com/marella/new-url-loader","keywords":["webpack","webpack-loader","url-loader","file-loader"],"repository":{"type":"git","url":"git+https://github.com/marella/new-url-loader.git"},"bugs":{"url":"https://github.com/marella/new-url-loader/issues"},"license":"MIT"}