fix: work around url-loader 1.1.0 regression

close vuejs#2242

packages/@vue/cli-service/lib/config/base.js

@@ -12,6 +12,19 @@ module.exports = (api, options) => {
       )
     }
 
+    const genUrlLoaderOptions = dir => {
+      return {
+        limit: inlineLimit,
+        // use explicit fallback to avoid regression in url-loader>=1.1.0
+        fallback: {
+          loader: 'file-loader',
+          options: {
+            name: genAssetSubPath(dir)
+          }
+        }
+      }
+    }
+
     webpackConfig
       .mode('development')
       .context(api.service.context)
@@ -87,10 +100,7 @@ module.exports = (api, options) => {
         .test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
         .use('url-loader')
           .loader('url-loader')
-          .options({
-            limit: inlineLimit,
-            name: genAssetSubPath('img')
-          })
+          .options(genUrlLoaderOptions('img'))
 
     // do not base64-inline SVGs.
     // https://github.com/facebookincubator/create-react-app/pull/1180
@@ -108,20 +118,14 @@ module.exports = (api, options) => {
         .test(/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/)
         .use('url-loader')
           .loader('url-loader')
-          .options({
-            limit: inlineLimit,
-            name: genAssetSubPath('media')
-          })
+          .options(genUrlLoaderOptions('media'))
 
     webpackConfig.module
       .rule('fonts')
         .test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/i)
         .use('url-loader')
           .loader('url-loader')
-          .options({
-            limit: inlineLimit,
-            name: genAssetSubPath('fonts')
-          })
+          .options(genUrlLoaderOptions('fonts'))
 
     // Other common pre-processors ---------------------------------------------
 

packages/@vue/cli-service/package.json

@@ -62,7 +62,7 @@
     "string.prototype.padend": "^3.0.0",
     "thread-loader": "^1.1.5",
     "uglifyjs-webpack-plugin": "^1.2.7",
-    "url-loader": "^1.0.1",
+    "url-loader": "^1.1.0",
     "vue-loader": "^15.3.0",
     "webpack": "^4.15.1",
     "webpack-bundle-analyzer": "^2.13.1",

yarn.lock

@@ -1310,6 +1310,10 @@ agentkeepalive@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-2.2.0.tgz#c5d1bd4b129008f1163f236f86e5faea2026e2ef"
 
+ajv-errors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.0.tgz#ecf021fa108fd17dfb5e6b383f2dd233e31ffc59"
+
 ajv-keywords@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.1.tgz#617997fc5f60576894c435f940d819e135b80762"
@@ -10844,7 +10848,15 @@ sax@^1.2.4, sax@~1.2.1, sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
-schema-utils@^0.4.0, schema-utils@^0.4.2, schema-utils@^0.4.3, schema-utils@^0.4.4, schema-utils@^0.4.5:
+[email protected]:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
+  dependencies:
+    ajv "^6.1.0"
+    ajv-errors "^1.0.0"
+    ajv-keywords "^3.1.0"
+
+schema-utils@^0.4.0, schema-utils@^0.4.2, schema-utils@^0.4.4, schema-utils@^0.4.5:
   version "0.4.5"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.5.tgz#21836f0608aac17b78f9e3e24daff14a5ca13a3e"
   dependencies:
@@ -12265,13 +12277,13 @@ url-join@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.0.tgz#4d3340e807d3773bda9991f8305acdcc2a665d2a"
 
-url-loader@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-1.0.1.tgz#61bc53f1f184d7343da2728a1289ef8722ea45ee"
+url-loader@^1.0.1, url-loader@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-1.1.0.tgz#64dd296626d935c68d72ed9d9c69cf3c6ff933ac"
   dependencies:
     loader-utils "^1.1.0"
     mime "^2.0.3"
-    schema-utils "^0.4.3"
+    schema-utils "1.0.0"
 
 url-parse-lax@^1.0.0:
   version "1.0.0"