• 120
    Webpack开启模块热替换

    要做到实时预览,除了使用自动刷新刷新整个网页外,DevServer还支持一种叫做模块热替换(Hot Module Replacement)的技术...

  • Webpack构建优化——缩小文件搜索范围

    缩小文件搜索范围 Webpack启动后会从配置的Entry出发,解析出文件中的导入语句,再递归的解析。 在遇到导入语句时Webpack会做两件事...

  • Webpack构建优化——压缩代码

    压缩代码 浏览器从服务器访问网页时获取的JavaScript、CSS资源都是文本形式的,文件越大网页加载时间越长。 为了提升网页加速速度和减少网...

  • Webpack构建优化——区分环境

    为什么需要区分环境 在开发网页的时候,一般都会有多套运行环境,例如: 在开发过程中方便开发调试的环境。 发布到线上给用户使用的运行环境。 这两套...

  • 120
    Webpack原理

    工作原理概括 基本概念 在了解Webpack原理前,需要掌握以下几个核心概念,以方便后面的理解: Entry:入口,Webpack执行构建的第一...

  • webpack配置详解

    Entry entry是配置模块的入口,可抽象成输入,Webpack执行构建的第一步将从入口开始搜寻及递归解析出所有入口依赖的模块。entry配...

  • JS模块化编程

    模块的写法 原始写法 模块就是实现特定功能的一组方法。只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。 上面的函数m1()...

  • vue组件深入

    组件注册 组件名 在注册一个组件的时候,我们始终需要给它一个名字。 该组件名就是Vue.component的第一个参数。 组件名大小写 定义组件...

  • 120
    Node.js三大特点

    1.单线程 在Java、PHP等服务器端语言中,会为每一个客户端连接创建一个新的线程。而每个线程需要耗费大约2MB内存。也就是说,理论上,一个8...