vue 路由懒加载

Posted 2021-01-17 chenzeyongjsj

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue 路由懒加载相关的知识，希望对你有一定的参考价值。

添加babel插件

packjson.json

"babel-plugin-syntax-dynamic-import": "6.18.0",

.babelrc

    "plugins": [
        "syntax-dynamic-import"
    ],

webpack 配置

webpack.base.conf.js

output: {
        chunkFilename: "chunk[id].js?[chunkhash]"
    },

router

index.js

const home = () => import("@/pages/public/home");

{
    path: "home",
    component: home
 },

以上是关于vue 路由懒加载的主要内容，如果未能解决你的问题，请参考以下文章