1. ホーム
  2. ビュー

vite require は定義されていません。

2022-03-02 01:27:11
<パス <ブロッククオート

vuex は webpack の require.context('. /modules', true, /.js$/) を使ってディレクトリ内のすべてのファイルを取得しますが、vue3 から vite レポートへのアップグレードでは require が定義されていません。

import { createStore } from 'vuex'
import getters from '. /getters'

// https://vitejs.dev/guide/features.html#glob-import
const modulesFiles = import.meta.globEager('. /modules/*.js')

let modules = {}
for (const path in modulesFiles) {
  const moduleName = path.replace(/(. *\/)*([^.] +). */gi, '$2')
  modules = { ... .modules, ... .modulesFiles[path] }
}

const store = new createStore({
  modules,
  getters,
})

export default store