fix: re-use ident of vue rule for template compiler, fixes #2029 (#2030)

Author: xanf

src/pluginWebpack4.ts

@@ -86,7 +86,10 @@ class VueLoaderPlugin {
         const parsed = qs.parse(query.slice(1))
         return parsed.vue != null && parsed.type === 'template'
       },
-      options: vueLoaderOptions,
+      options: {
+        ident: vueLoaderUse.ident,
+        ...vueLoaderOptions,
+      },
     }
 
     // for each rule that matches plain .js/.ts files, also create a clone and

test/edgeCases.spec.ts

@@ -239,3 +239,30 @@ test('should work with i18n loader in production mode', async () => {
 
   expect(result.componentModule.__i18n).toHaveLength(1)
 })
+
+// #2029
+test('should pass correct options to template compiler', async () => {
+  const fakeCompiler: any = {
+    compile: jest
+      .fn()
+      .mockReturnValue({ code: 'export function render() { return null; }' }),
+  }
+
+  await mockBundleAndRun({
+    entry: 'basic.vue',
+    modify: (config: any) => {
+      config.module.rules[0].options = {
+        compiler: fakeCompiler,
+      }
+      config.module.rules.push(
+        ...Array.from({ length: 10 }).map((_, i) => ({
+          test: new RegExp(`\.dummy${i}`),
+          loader: 'null-loader',
+          options: { dummyRule: i },
+        }))
+      )
+    },
+  })
+
+  expect(fakeCompiler.compile).toHaveBeenCalledTimes(1)
+})