多个vue子路由文件自动化合并的方法
2019-09-03 14:33
1251 查看
1. 目录结构
废话不多说,直接上图。
目录结构,如下图所示
2. 代码编写位置
在router目录下面的index.js文件中写入以下代码
import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) let routes = [] const routerContext = require.context('./', true, /index\.js$/) routerContext.keys().forEach(route => { // 如果是根目录的 index.js、 不做任何处理 if (route.startsWith('./index')) { return } const routerModule = routerContext(route) // 兼容 import export 和 require module.export 两种规范 Es modules commonjs routes = [...routes, ...(routerModule.default || routerModule)] }) export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: routes })
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- 【整理收藏】合并、压缩JS、CSS文件减少页面HTTP请求数的方法
- 合并多个js,css文件的方法(转载)
- JAVA基础 day22 File类的方法和应用 利用递归获取目录下的所有文件 Properties类的应用(和IO技术结合,存取配置文件) 打印流和合并流等功能类的学习应用 切割文件练习
- 合并JS文件方法
- 合并多个js,css文件的方法
- python 自动化将markdown文件转成html文件的方法
- C#合并多种格式文件为PDF的方法
- 合并SQL脚本文件的方法分享
- 合并多个js,css文件的方法 - 在服务端合并和压缩JavaScript和CSS文件
- 怎样把网站js文件合并成一个?几种方法可以实现
- 2016/5/6 thinkphp ①框架 ② 框架项目部署 ③MVC模式 ④控制器访问及路由解析 ⑤开发和生产模式 ⑥控制器和对应方法创建 ⑦视图模板文件创建 ⑧url地址大小写设置 ⑨空操作空控制器 ⑩项目分组
- python自动化之上传文件的3种方法和图片预览
- 使用ffmpeg合并视频文件的三种方法
- node下使用UglifyJS压缩合并JS文件的方法
- m3u8文件下载合并的一种方法
- 将多个文本文件合并成一个文件的3种方法
- 合并多个PPT文件到一个文件中的方法
- .Net实现合并文件的具体方法
- 合并ThinkPHP配置文件以消除代码冗余的实现方法
- 能够让多个的PDF文件合并成一个的方法