vue工程按业务路由打包，页面只加载对应资源

Posted 2021-01-31 peter-web

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue工程按业务路由打包，页面只加载对应资源相关的知识，希望对你有一定的参考价值。

修改路由表：src/router/index.js

import Vue from ‘vue‘;

import Router from ‘vue-router‘;

// 主要写法如下

const Test = r => require.ensure([], () => r(require(‘@/components/test/test.vue‘)), ‘test‘);

const routes = [{

　　　　path: ‘/‘,

　　　　redirect: ‘/error/404‘

　　{

　　　　path: ‘/test‘,

　　　　name: ‘test‘,

　　　　component: Test

}];

export default new Router({

　　mode: ‘history‘,

　　base: ‘/‘,

　　routes: routes

})

以上是关于vue工程按业务路由打包，页面只加载对应资源的主要内容，如果未能解决你的问题，请参考以下文章