webpack
7篇文章 · 0订阅
  • 【Webpack】动态import原理及源码分析
    动态import原理分析及源码实现。在低版本的浏览器中并不支持动态import，webpack在构建编译阶段是如何实现动态import垫片(即polyfill)的？
    前端 Webpack 面试
  • 显微镜下的webpack4：灵魂tapable，终于搞懂钩子系列！
    大家在看webpack源码的时候，有没有感觉像再看天书，似乎没有办法一个文件比如webpack.js从头看到尾。感觉webpack的跳跃性很强，完全不知道程序在运行的时候，发生了什么。完全不清楚这个事件是什么时候发生的，比如loader是什么时候执行的，plugin又是什么时候…
    Webpack Node.js JavaScript
  • 从Webpack源码探究打包流程，萌新也能看懂～
    上一篇讲述了如何理解tapable这个钩子机制，因为这个是webpack程序的灵魂。虽然钩子机制很灵活，而然却变成了我们读懂webpack道路上的阻碍。每当webpack运行起来的时候，我的心态都是佛系心态，祈祷中间不要出问题，不然找问题都要找半天，还不如不打包。尤其是load…
    Webpack
  • (基础篇)手把手教你从零配置webpack4(含性能优化)
    webpack4常见配置及优化手段 前言 本篇是基于webpack4搭建vue脚手架常用的知识点。并非从0开始搭建，因为网上此类教程非常多，仅将作者这些年搭建脚手架配置的知识点一一罗列
    Webpack
  • 玩转 webpack，使你的打包速度提升 90%
    webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…
    前端
  • 手写webpack核心原理，再也不怕面试官问我webpack原理
    需要读到入口文件里面的内容。 分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
    Webpack
  • Webpack 详解（一）
    有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 现在就将相对路径的根目录改成了 src，这个时候使用相对路径就是从 src 目录下进行查找。例如上面的 entry，就会从 src 目录下进…
    Webpack