fix: disable esModuleInterop & allowSyntheticDefaultImports for TS

Otherwise the emitted type definitions may break downstream users who do
not have these options enabled.

Thanks @meteorlxy for spotting this issue.

Author: haoqunjiang

src/formatError.ts

@@ -1,5 +1,5 @@
 import { generateCodeFrame, CompilerError } from '@vue/compiler-sfc'
-import chalk from 'chalk'
+import chalk = require('chalk')
 
 export function formatError(
   err: SyntaxError | CompilerError,

src/index.ts

@@ -7,11 +7,13 @@ try {
   )
 }
 
-import webpack from 'webpack'
-import path from 'path'
-import qs from 'querystring'
-import hash from 'hash-sum'
-import loaderUtils from 'loader-utils'
+import webpack = require('webpack')
+import * as path from 'path'
+import * as qs from 'querystring'
+import * as loaderUtils from 'loader-utils'
+
+import hash = require('hash-sum')
+
 import {
   parse,
   compileScript,

src/pitcher.ts

@@ -1,6 +1,6 @@
-import webpack from 'webpack'
-import qs from 'querystring'
-import loaderUtils from 'loader-utils'
+import webpack = require('webpack')
+import * as qs from 'querystring'
+import * as loaderUtils from 'loader-utils'
 
 const selfPath = require.resolve('./index')
 // const templateLoaderPath = require.resolve('./templateLoader')
@@ -69,7 +69,7 @@ export const pitch = function () {
       return genProxyModule(
         [...afterLoaders, stylePostLoaderPath, ...beforeLoaders],
         context,
-        !! query.module
+        !!query.module
       )
     }
   }

src/plugin.ts

@@ -1,4 +1,4 @@
-import webpack from 'webpack'
+import webpack = require('webpack')
 declare class VueLoaderPlugin implements webpack.Plugin {
   static NS: string
   apply(compiler: webpack.Compiler): void

src/pluginWebpack4.ts

@@ -1,5 +1,5 @@
-import qs from 'querystring'
-import webpack from 'webpack'
+import * as qs from 'querystring'
+import webpack = require('webpack')
 import { VueLoaderOptions } from './'
 
 const RuleSet = require('webpack/lib/RuleSet')

src/pluginWebpack5.ts

@@ -1,4 +1,4 @@
-import qs from 'querystring'
+import * as qs from 'querystring'
 import { VueLoaderOptions } from './'
 import { RuleSetRule, Compiler, Plugin } from 'webpack'
 

src/select.ts

@@ -1,4 +1,4 @@
-import webpack from 'webpack'
+import webpack = require('webpack')
 import { SFCDescriptor } from '@vue/compiler-sfc'
 import { ParsedUrlQuery } from 'querystring'
 

src/stylePostLoader.ts

@@ -1,6 +1,6 @@
-import qs from 'querystring'
+import * as qs from 'querystring'
 import { compileStyle } from '@vue/compiler-sfc'
-import webpack from 'webpack'
+import webpack = require('webpack')
 
 // This is a post loader that handles scoped CSS transforms.
 // Injected right before css-loader by the global pitcher (../pitch.js)

src/templateLoader.ts

@@ -1,6 +1,6 @@
-import webpack from 'webpack'
-import qs from 'querystring'
-import loaderUtils from 'loader-utils'
+import webpack = require('webpack')
+import * as qs from 'querystring'
+import * as loaderUtils from 'loader-utils'
 import { VueLoaderOptions } from './'
 import { formatError } from './formatError'
 import { compileTemplate, TemplateCompiler } from '@vue/compiler-sfc'

test/edgeCases.spec.ts

@@ -1,5 +1,5 @@
 import * as path from 'path'
-import HTMLPlugin from 'html-webpack-plugin'
+import HTMLPlugin = require('html-webpack-plugin')
 import { mfs, bundle, mockBundleAndRun, normalizeNewline } from './utils'
 
 // @ts-ignore