webpack
8篇文章 · 0订阅
  • 深入理解Vite核心原理
    文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。
    Webpack 前端
    深入理解Vite核心原理
  • 漫谈构建工具(四): 为什么有人说 vite 快，有人却说 vite 慢？
    谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS
    前端
  • 为什么 Vue 实例只能有一个根元素？
    笔者入坑学习 Vue 也算是有段时间了，文档和一些大佬的项目、文章也多少看了一些，但是似乎这个问题思考的很少，每次在写项目或是 demo 的时候直接就是代码往上怼，深入的地方也仅限于了解了路由和模板编译的源码实现，也没有深究过为什么只能有一个根元素。这个问题我觉得对于刚入门 V…
    Vue.js
    为什么 Vue 实例只能有一个根元素？
  • 『Webpack系列』—— 路由懒加载的原理
    说起路由懒加载，大家很快就知道怎么实现它，但是问到路由懒加载的原理，怕有一部分小伙伴是一头雾水了吧。下面带大家一起去理解路由懒加载的原理。 路由懒加载也可以叫做路由组件懒加载，最常用的是通过import()来实现它。 然后通过Webpack编译打包后，会把每个路由组件的代码分割…
    Webpack
    『Webpack系列』—— 路由懒加载的原理
  • webpack入门之js处理(babel、babel polyfill)
    前面我们说了使用webpack处理css和各种文件，今天我们再来说说使用webpack来处理我们前端三大件中的js。
    Babel Webpack JavaScript
    webpack入门之js处理(babel、babel polyfill)
  • 结合vue-cli来谈webpack打包优化
    CommonsChunkPlugin 插件，是一个可选的用于建立一个独立文件(又称作 chunk)的功能，这个文件包括多个入口 chunk 的公共模块。简单来说CommonsChunkPlugin主要是用来提取第三方库和公共模块，避免首屏加载的bundle文件或者按需加载的bu…
    Webpack
  • 《前端那些事》聊聊前端的按需加载
    在babel转码的时候，把整个库element-ui的引用，变为element-ui/lib/button具体模块的引用。这样webpack收集依赖module就不是整个element-ui，而是里面的button
    前端
  • 揭秘webpack按需加载原理
    当页面中一个文件过大并且还不一定用到的时候，我们希望在使用到的时才开始加载，这就是按需加载。要实现按需加载，我们一般想到的方法：动态创建script标签，并将src属性指向对应的文件路径。但是在实现过程中，存在下面问题： ​ webpcak 的按需加载已经完美解决了上述问题…
    Webpack