util.import.development.js 1.1 KB

123456789101112131415161718192021222324252627282930
  1. /**
  2. * 开发环境
  3. * ===================
  4. * 当你的项目页面越来越多之后,在开发环境之中使用 lazy-loading 会变得不太合适,每次更改代码触发热更新都会变得非常的慢。
  5. * 所以建议只在生产环境之中使用路由懒加载功能。
  6. * &&这里注意一下该写法只支持 vue-loader at least v13.0.0+
  7. */
  8. // module.exports = file => require('@/views' + file).default
  9. module.exports = (file, params = {}) => {
  10. // 如果路径包含 `?`,提取参数
  11. const [path, query] = file.split('?')
  12. const component = require('@/views' + path).default
  13. // 如果有参数,附加到组件
  14. if (query || Object.keys(params).length) {
  15. const queryParams = new URLSearchParams(query || '')
  16. const allParams = { ...Object.fromEntries(queryParams), ...params }
  17. // 方法仅初始化调用,返回 props 无用,菜单URL参数通过 defaultUrl 获取
  18. // return {
  19. // ...component,
  20. // props: allParams
  21. // }
  22. return component
  23. }
  24. return component
  25. }