support ts？ about vuecli-vite-template HOT 5 OPEN

// webpack.config.js
module.exports = {
  // ...
  module: {
    rules: [
      // ...
      {
        test: /\.ts$/,
        exclude: /node_modules/,
        use: [
          // ...
          {
            loader: 'import-meta-loader',
          }
        ]
      }
    ]
  }
}

// vue.config.js
const importMetaLoader = require('import-meta-loader')
const path = require('path')

module.exports = {
  // ...
  chainWebpack: (config) => {
    config.module.rule('ts')
      .test(/\.ts$/)
      .exclude.add(path.resolve('node_modules'))
      .end()
      .use(importMetaLoader)
      .loader('import-meta-loader')
      .options({
        alias: Object.fromEntries(config.resolve.alias.store)
      })
      .end()
  }
}

// vue.config.js
const { defineConfig } = require('@vue/cli-service')
const importMetaLoader = require('import-meta-loader')
const path = require('path')

function setTSLoader (config, { use, loader, options }) {
  const tsRule = config.module.rule('ts')
  const tsLoader = tsRule.uses.store.get('ts-loader')
  const tsOtherLoaders = new Map()
  tsRule.uses.store.forEach((val, key) => {
    if (key === 'ts-loader') return
    tsOtherLoaders.set(key, val)
  })
  tsRule.uses.clear()
  tsOtherLoaders.forEach((val, key) => {
    tsRule.uses.store.set(key, val)
  })

  tsRule.test(/\.ts$/)
    .exclude.add(path.resolve('node_modules'))
    .end()
    .use(use)
    .loader(loader)
    .options(options)
    .end()
  
  tsRule.uses.store.set('ts-loader', tsLoader)
}

module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: (config) => {
    setTSLoader(
      config,
      {
        use: importMetaLoader,
        loader: 'import-meta-loader',
        options: Object.fromEntries(config.resolve.alias.store)
      }
    )
  }
})