fix: skip asset processing for data uri in css

fix #66
vitejs · May 6, 2020 · e01e26d · e01e26d
1 parent 5f05f1e
commit e01e26d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/node/buildPluginAsset.ts b/src/node/buildPluginAsset.ts
@@ -77,7 +77,7 @@ export const createBuildAssetPlugin = (
           inlineLimit
         )
         assets.set(fileName, content)
-        debug(`${id} -> ${url}`)
+        debug(`${id} -> ${url.startsWith('data:') ? `base64 inlined` : url}`)
         return `export default ${JSON.stringify(url)}`
       }
     },

diff --git a/src/node/buildPluginCss.ts b/src/node/buildPluginCss.ts
@@ -31,7 +31,7 @@ export const createBuildCssPlugin = (
             css,
             urlRE,
             async ([matched, before, rawUrl, after]) => {
-              if (isExternalUrl(rawUrl)) {
+              if (isExternalUrl(rawUrl) || rawUrl.startsWith('data:')) {
                 return matched
               }
               const file = path.join(fileDir, rawUrl)
@@ -42,7 +42,11 @@ export const createBuildCssPlugin = (
                 inlineLimit
               )
               assets.set(fileName, content)
-              debug(`url(${rawUrl}) -> url(${url})`)
+              debug(
+                `url(${rawUrl}) -> ${
+                  url.startsWith('data:') ? `base64 inlined` : `url(${url})`
+                }`
+              )
               return `${before}${url}${after}`
             }
           )