1回答

keviny79

2022-09-06

不太明白同学为什么会出现两个 imgList.ts？ 我讲的时候只有一个啊

这是vite3.x以上版本的更新代码：使用 import.meta.glob  取代  import.meta.globEager，npm  run dev 和npm run preview 下都ok

import storage from 'good-storage'

export class LmgLoader {

  static imgList: Record<string, any> = {}

  static async getimgList() {

    this.imgList = storage.get('imgList') || {}

    if (!LmgLoader.imgList || !LmgLoader.isNotEmptyimgList()) {

      this.imgList = LmgLoader.getImgAll()

      storage.set('imgList', LmgLoader.imgList)

    }

  }

  static isNotEmptyimgList() {

    return Object.getOwnPropertyNames(LmgLoader.imgList).length

  }

  static getImg(name: string): string {

    //console.log('name:', name)

    // LmgLoader.imgList = LmgLoader.isNotEmptyimgList() ? LmgLoader.imgList : storage.get('imgList')

    return LmgLoader.imgList[name] //

  }

  static getImgAll(): any {

    const imgList: any = {}

    const viewImgModules: Record<string, any> = import.meta.glob(`../assets/img/**/**/*.png`, { eager: true })

    // import.meta.globEager(`../assets/img/**/**/*.png`)

    for (const path in viewImgModules) {

      if (viewImgModules[path].default) {

        const pathName = path.substring(path.lastIndexOf('/') + 1)

        imgList[pathName] = viewImgModules[path].default

      }

    }

    storage.set('imgList', this.imgList)

    return imgList

  }

}

export default LmgLoader.getImg

0

1

幕布斯3267386

应该是vite打包出问题，我把原来的文件删除了，在重新命名新建了一个就没有这个问题了

2022-09-06

共1条回复