Vue中路由的懒加载

First

npm i vue-router -D

Second

npm install --save-dev babel-plugin-syntax-dynamic-import

修改.babelrc:

{
  "plugins": ["syntax-dynamic-import"]
}

注意： 此时要注意安装的babel-plugin-syntax-dynamic-import版本，要与babel的版本对应。

Third

import VueRouter from 'vue-router';

Vue.use(VueRouter)

ok!~

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • [Babel]代码转码器的使用说明
    Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 这意味着，你可以现在就用 ...
    yichen_china阅读 1,344评论 0赞 3
  • 知识点总结
    响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 816评论 0赞 0
  • vue个人笔记
    vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,304评论 1赞 22
  • vue中的懒加载和按需加载
    懒加载 （1）定义：懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。 （2）异步加载的三种表示方法： 1.r...
    长是人千离阅读 8,158评论 1赞 11
  • babel
    babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,869评论 0赞 10