vue-element-admin难点,知识点

1.@/store/index   引入modules

// https://webpack.js.org/guides/dependency-management/#requirecontext
const modulesFiles = require.context('./modules', true, /\.js$/)

// you do not need `import app from './modules/app'`
// it will auto require all vuex module from modules file
// user.js内容 => export default { namespaced:true, state,...}
// modulesFiles.keys() => 返回['./user.js']
// modulesFiles('./user.js') => 返回default:{namespaced: true,state: {…},...} Map-哈希数组
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  // set './app.js' => 'app'
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
  const value = modulesFiles(modulePath)
  modules[moduleName] = value.default
  return modules
}, {})

引入所有svg

const req = require.context('./svg', false, /\.svg$/)
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)