fix: resourceQuery could be undefined in webpack 5

fixes #1771

Author: haoqunjiang

lib/index.js

@@ -49,7 +49,7 @@ module.exports = function (source) {
     sourceMap,
     rootContext,
     resourcePath,
-    resourceQuery
+    resourceQuery = ''
   } = loaderContext
 
   const rawQuery = resourceQuery.slice(1)

lib/plugin-webpack5.js

@@ -120,6 +120,7 @@ class VueLoaderPlugin {
     const pitcher = {
       loader: require.resolve('./loaders/pitcher'),
       resourceQuery: query => {
+        if (!query) { return false }
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null
       },
@@ -172,6 +173,7 @@ function cloneRule (rawRule, refs) {
       return true
     },
     resourceQuery: query => {
+      if (!query) { return false }
       const parsed = qs.parse(query.slice(1))
       if (parsed.vue == null) {
         return false

test/edgeCases.spec.js

@@ -1,5 +1,6 @@
 const path = require('path')
 const normalizeNewline = require('normalize-newline')
+const webpack = require('webpack')
 const HTMLPlugin = require('html-webpack-plugin')
 
 const {
@@ -212,3 +213,17 @@ test('use with postLoader', done => {
     }, done)
   })
 })
+
+// #1711
+test('data: URI as entry', done => {
+  // this feature is only available in webpack 5
+  if (webpack.version.startsWith('4')) {
+    return
+  }
+
+  bundle({
+    entry: {
+      main: 'data:text/javascript,console.log("hello world")'
+    }
+  }, () => done())
+})