SVGs are base64 inlined in the generated JS bundle about svg-sprite HOT 2 CLOSED

Hi
I'm so glad you find module helpful
It seems that issue is related to url-loader behavior. As docs says:

url-loader return a DataURL if the file is smaller than a byte limit.

And default byte limit in Nuxt.js is 1000, So any SVG files smaller than 1000 byte will show up in js bundle as base64 URIs.

We'll fix this in our next release, Until then this useless data can be removed by modifying module rules directly in nuxt.config.js and change byte limit of SVG files.

build: {
    extend(config) {
      const urlLoader = config.module.rules.find(rule => String(rule.test).includes('svg'));
      urlLoader.test = /\.(png|jpe?g|gif)$/;
      config.module.rules.push({
          test: /\.svg$/,
          use: [
              {
                  loader: 'url-loader',
                  options: {
                      limit: 12,
                  },
              },
          ],
      })
    }
  }

from svg-sprite.

Thanks for the swift reply! Looking forward to the next release.

The snippet does the trick! 🎉

from svg-sprite.