1.0.7 • Published 4 years ago

vue-router-auto-pack v1.0.7

Weekly downloads
1
License
MIT
Repository
-
Last release
4 years ago

自动加载路由打包器

安装和使用(install and use)
npm install vue-router-auto-pack -D
如果使用的是vue-cli3
// 在 vue.config.js 文件
const { watch } = require("vue-router-auto-pack");
watch();

// 启动项目,注意该插件默认是src/pages 文件夹中的.vue文件进行加载
// 如果想修改路径可以
const { watch, packConfig } = require("vue-router-auto-pack"); 
packConfig({
  exclude: 'components,common,api,store,service'.split(','), // 排除加载的文件夹,以上是默认的
  root: path.join(__dirname, '../../src/pages'), // 默认加载文件的路径
  route_path: path.join(__dirname, '../../src/router/_router_list.js') // 打包生成的路由列表文件所在的位置
})
watch()
在路由中使用
// 路由文件 router/index.js
import Vue from "vue";
import Router from "vue-router";
import { routerList } from "./_router_list"; // 生成的文件

Vue.use(Router);

const routes = new Router({
  mode: "",
  routes: [...routerList]
});

export default routes;
设置路由的name和meta

在.vue文件的第一行加上注释如下:

// { name: 'test', meta: { icon: 'good' } }
1.0.2

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago