A maintained version of the popular vue-svg-loader webpack loader that lets you use SVG files as Vue components
\n\n Documentation -\n FAQ\n
\n\n## Installation\n``` bash\nnpm i -D vue-svg-loader-2\n\nyarn add --dev vue-svg-loader-2\n```\n\n## Basic configuration\n### webpack\n``` js\nmodule.exports = {\n module: {\n rules: [\n {\n test: /\\.svg$/,\n use: [\n 'vue-loader',\n 'vue-svg-loader-2',\n ],\n },\n ],\n },\n};\n```\n### Vue CLI\n``` js\nmodule.exports = {\n chainWebpack: (config) => {\n const svgRule = config.module.rule('svg');\n\n svgRule.uses.clear();\n \n // prevent injection of webpack-5 asset loaders\n svgRule.delete('type');\n svgRule.delete('generator');\n\n svgRule\n .use('vue-loader')\n .loader('vue-loader') // or `vue-loader-v16` if you are using a preview support of Vue 3 in Vue CLI\n .end()\n .use('vue-svg-loader-2')\n .loader('vue-svg-loader-2');\n },\n};\n```\n\n### Nuxt.js (1.x / 2.x)\n``` js\nmodule.exports = {\n build: {\n extend: (config) => {\n const svgRule = config.module.rules.find(rule => rule.test.test('.svg'));\n\n svgRule.test = /\\.(png|jpe?g|gif|webp)$/;\n\n config.module.rules.push({\n test: /\\.svg$/,\n use: [\n 'vue-loader',\n 'vue-svg-loader-2',\n ],\n });\n },\n },\n};\n```\n\n## Example usage\n``` vue\n\n \n\n\n```\n\n## License\n[](https://app.fossa.com/projects/git%2Bgithub.com%2Fgammacommunications%2Fvue-svg-loader-2?ref=badge_large)\n","readmeFilename":"README.md"}