从webpack迁移到vite

src/renderer/core/useApp/usePlayer/useMediaSessionInfo.ts

@@ -3,12 +3,13 @@ import { getDuration, getPlaybackRate, getCurrentTime } from '@renderer/plugins/
 import { isPlay, musicInfo, playMusicInfo } from '@renderer/store/player/state'
 import { playProgress } from '@renderer/store/player/playProgress'
 import { pause, play, playNext, playPrev, stop } from '@renderer/core/player'
+import silenceAudio from '@renderer/assets/medias/Silence02s.mp3'
 
 export default () => {
   // 创建一个空白音频以保持对 Media Session 的注册
   const emptyAudio = new Audio()
   emptyAudio.autoplay = false
-  emptyAudio.src = require('@renderer/assets/medias/Silence02s.mp3')
+  emptyAudio.src = silenceAudio
   emptyAudio.controls = false
   emptyAudio.preload = 'auto'
   emptyAudio.onplaying = () => {

src/renderer/core/useApp/usePlayer/useSoundEffect.ts

@@ -16,40 +16,41 @@ import {
 import { appSetting } from '@renderer/store/setting'
 
 const cache = new Map<string, AudioBuffer>()
-const loadBuffer = async(name: string) => new Promise<AudioBuffer>((resolve, reject) => {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const path = require('@renderer/assets/medias/filters/' + name) as string
-  if (cache.has(path)) {
-    resolve(cache.get(path) as AudioBuffer)
-    return
-  }
-  // Load buffer asynchronously
-  let request = new XMLHttpRequest()
-  request.open('GET', path, true)
-  request.responseType = 'arraybuffer'
+const loadBuffer = async(name: string) => {
+  const path = (await import(`../../../assets/medias/filters/${name.replace('.wav', '')}.wav`)).default as string
+  return new Promise<AudioBuffer>((resolve, reject) => {
+    if (cache.has(path)) {
+      resolve(cache.get(path) as AudioBuffer)
+      return
+    }
+    // Load buffer asynchronously
+    let request = new XMLHttpRequest()
+    request.open('GET', path, true)
+    request.responseType = 'arraybuffer'
 
-  request.onload = function() {
-    // Asynchronously decode the audio file data in request.response
-    void getAudioContext().decodeAudioData(request.response, (buffer) => {
-      if (!buffer) {
-        reject(new Error('error decoding file data: ' + path))
-        return
-      }
-      cache.set(path, buffer)
-      resolve(buffer)
-    },
-    function(error) {
-      reject(error)
-      console.error('decodeAudioData error', error)
-    })
-  }
+    request.onload = function() {
+      // Asynchronously decode the audio file data in request.response
+      void getAudioContext().decodeAudioData(request.response, (buffer) => {
+        if (!buffer) {
+          reject(new Error('error decoding file data: ' + path))
+          return
+        }
+        cache.set(path, buffer)
+        resolve(buffer)
+      },
+      function(error) {
+        reject(error)
+        console.error('decodeAudioData error', error)
+      })
+    }
 
-  request.onerror = function() {
-    reject(new Error('XHR error'))
-  }
+    request.onerror = function() {
+      reject(new Error('XHR error'))
+    }
 
-  request.send()
-})
+    request.send()
+  })
+}
 
 export default () => {
   // console.log(appSetting['player.soundEffect.panner.enable'])

src/renderer/core/useApp/useSettingSync.ts

@@ -2,14 +2,14 @@ import { watch } from '@common/utils/vueTools'
 import { isFullscreen, proxy, sync, windowSizeList } from '@renderer/store'
 import { appSetting } from '@renderer/store/setting'
 import { sendSyncAction, setTaskBarProgress, setWindowSize } from '@renderer/utils/ipc'
-import { setLanguage } from '@/lang'
+import { setLanguage } from '@root/lang'
 import { setUserApi } from '../apiSource'
 // import { applyTheme, getThemes } from '@renderer/store/utils'
 
 
 export default () => {
   watch(() => appSetting['common.windowSizeId'], (index) => {
-    let info = index == null ? windowSizeList[2] : windowSizeList[index]
+    const info = index == null ? windowSizeList[2] : windowSizeList[index]
     setWindowSize(info.width, info.height)
   })
   watch(() => appSetting['common.fontSize'], (fontSize) => {