zoukankan      html  css  js  c++  java
  • 读vue-cli3 官方文档的一些学习记录

    原来一直以为vue@cli3 就是创建模板的工具,读了官方文档才知道原来这么有用,不少配置让我长见识了

    Prefetch 懒加载配置

    懒加载相信大家都是知道的,使用Import() 语法就可以在需要的时候加载了,但是读了官方文档Prefetch一节后,发现事情并没有想象的那么简单。

    文档写的很清楚,Prefetch是在空闲的时候就加载一些不着急的文件,并且import默认是加上了Prefetch的,也就是说你使用了import可能并不是你想要的结果(比如用户点击某个按钮才触发加载,不然永远不加载,这样可以节省流量),
    为了验证写了个小用例测试了下,最后看network发现真的是就算你懒加载了,但是等程序空闲了并且父级区块加载了,他还是会提前加载你可能需要的文件。
    怎么关闭呢,文档也说的很清楚

    打包现代模式

    之前看性能优化的文章有提到过,因为babel转义会使代码执行变慢,但是为了兼容又需要转义,解决办法是生成2套代码,现代浏览器使用不转义的代码,老浏览器使用转义的代码,使用type="module"来区分是哪种浏览器,现在vue-cli3已经给你做好配置了,你只需要加一个参数就能使用了,真爽~
    文档地址: https://cli.vuejs.org/zh/guide/browser-compatibility.html#现代模式

  • 相关阅读:
    JavaScript 类私有方法的实现
    sublime小程序插件
    显示引擎innodb状态详解
    JAVA学习资料大全
    mongo-aggregate命令详解
    PHP error_reporting
    mongo基本命令
    php56升级后php7 mcrypt_encrypt 报错
    docker 基础命令
    敏捷建模:增强沟通和理解
  • 原文地址:https://www.cnblogs.com/wzcsqaws/p/11302226.html
Copyright © 2011-2022 走看看