从webpack迁移到vite

src/renderer/plugins/Dialog/Dialog.vue

@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import Modal from '@renderer/components/material/Modal'
-import Btn from '@renderer/components/base/Btn'
+import Modal from '@renderer/components/material/Modal.vue'
+import Btn from '@renderer/components/base/Btn.vue'
 import { useI18n } from '@renderer/plugins/i18n'
 import { computed } from '@common/utils/vueTools'
 export default {

src/renderer/plugins/Dialog/index.js

@@ -1,4 +1,4 @@
-import Dialog from './Dialog'
+import Dialog from './Dialog.vue'
 import { createApp } from 'vue'
 
 

src/renderer/plugins/SvgIcon/index.js

@@ -1,8 +1,8 @@
-import SvgIcon from './SvgIcon'
+import SvgIcon from './SvgIcon.vue'
 
-const req = require.context('@renderer/assets/svgs', false, /\.svg$/)
-const requireAll = requireContext => requireContext.keys().map(requireContext)
-requireAll(req)
+// const req = require.context('@renderer/assets/svgs', false, /\.svg$/)
+// const requireAll = requireContext => requireContext.keys().map(requireContext)
+// requireAll(req)
 
 export default app => {
   app.component('svg-icon', SvgIcon)

src/renderer/plugins/i18n.ts

@@ -1,5 +1,5 @@
-import type { I18n } from '@/lang'
-import { createI18n, i18nPlugin, useI18n } from '@/lang'
+import type { I18n } from '@root/lang'
+import { createI18n, i18nPlugin, useI18n } from '@root/lang'
 
 window.i18n = createI18n()
 

src/renderer/plugins/player/index.ts

@@ -1,3 +1,5 @@
+import PhaseVocoder from './pitch-shifter/phase-vocoder.js?worker&url'
+
 let audio: HTMLAudioElement | null = null
 let audioContext: AudioContext
 let mediaSource: MediaElementAudioSourceNode
@@ -276,11 +278,7 @@ const loadPitchShifterNode = () => {
   pitchShifterNodeLoadStatus = 'loading'
   initAdvancedAudioFeatures()
   // source -> analyser -> biquadFilter -> audioWorklet(pitch shifter) -> [(convolver & convolverSource)->convolverDynamicsCompressor] -> panner -> gain
-  void audioContext.audioWorklet.addModule(new URL(
-    /* webpackChunkName: 'pitch_shifter.audioWorklet' */
-    './pitch-shifter/phase-vocoder.js',
-    import.meta.url,
-  )).then(() => {
+  void audioContext.audioWorklet.addModule(PhaseVocoder).then(() => {
     console.log('pitch shifter audio worklet loaded')
     // https://github.com/olvb/phaze/issues/26#issuecomment-1574629971
     pitchShifterNode = new AudioWorkletNode(audioContext, 'phase-vocoder-processor', { outputChannelCount: [2] })