Skip public dir imports

cypress/integration/spec.js

@@ -44,4 +44,12 @@ describe('Vite SVG Loader', () => {
   it('supports ?raw param', () => {
     cy.get('#raw').contains('<?xml version="1.0"?>')
   })
+
+  it('ignores root files references', () => {
+    cy.get('#root img')
+      .should('exist')
+      .and(($img) => {
+        expect($img[0].width).to.equal(355)
+      })
+  })
 })

examples/vue/src/App-url.vue

@@ -35,5 +35,9 @@ const Async = defineAsyncComponent(() => import(`./assets/circle.svg?component`)
     {{ testRaw }}
   </div>
 
+  <div id="root">
+    <img src="/root.svg" />
+  </div>
+
   <HelloWorld msg="Hello Vue 3 + Vite" />
 </template>

examples/vue/src/App.vue

@@ -31,5 +31,9 @@ const Async = defineAsyncComponent(() => import(`./assets/${name}.svg`))
     {{ testRaw }}
   </div>
 
+  <div id="root">
+    <img src="/root.svg" />
+  </div>
+
   <HelloWorld msg="Hello Vue 3 + Vite" />
 </template>

index.js

@@ -5,14 +5,21 @@ const { optimize: optimizeSvg } = require('svgo')
 module.exports = function svgLoader (options = {}) {
   const { svgoConfig, svgo, defaultImport } = options
 
+  let viteConfig = {}
   const svgRegex = /\.svg(\?(raw|component))?$/
 
   return {
     name: 'svg-loader',
     enforce: 'pre',
 
+    configResolved (config) {
+      viteConfig = config
+    },
+
     async load (id) {
-      if (!id.match(svgRegex)) {
+      const isRootRef = viteConfig.command === 'build' && !id.startsWith(viteConfig.root)
+
+      if (!id.match(svgRegex) || isRootRef) {
         return
       }