webpack
24篇文章 · 0订阅
  • 模块联邦浅析
    作为前端打包工具的重要工具人--webpack，相信大家在项目中并不陌生。前段时间 webpack5 新出了个特性: 模块联邦。今天就带大家通过一个小实战来熟悉一下它的用法。
    Webpack
    模块联邦浅析
  • webpack进阶之性能优化(webpack5最新版本)
    说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）
    Webpack 前端 面试
    webpack进阶之性能优化(webpack5最新版本)
  • 【Webpack5 实践篇】Webpack 5 TypeScript React 开发实践案例配置
    一、前言 本来想将webpack的内容整理成一篇到底，但太长了容易引起视觉疲劳。所以单独将内容和实践内容分开。 在了解到理论内容之后，脑子总会出现这么一个问题。 脑瓜子： 只看不写真的能让你学废吗？
    前端 Webpack
    【Webpack5 实践篇】Webpack 5 TypeScript React 开发实践案例配置
  • webpack5实战全解析-优化篇
    上篇文章webpack5实战全解析-基础篇已经实现了一个简单的 webpack 打包配置，但是这还远远不满足我们发布生产上线的条件，可以优化的空间还很大。本篇文章主要讲解对打包配置进行优化。
    Webpack 前端
    webpack5实战全解析-优化篇
  • 解锁新姿势：Webpack Tree Shaking带来的惊人性能提升
    前言 webpack 我们每天都在用，但是Tree Shaking知道多少呢，今天就来唠一唠他都帮我们干了些什么？ Tree Shaking 是一种优化方式，在 JavaScript 中用来表示移除无
    Webpack 性能优化 面试
  • Webpack 系列 - 认识webpack loader ：style-loader
    style-loader的功能就是在在 DOM 里插入一个 <style> 标签，并且将 CSS 写入这个标签内。
    前端
  • webpack5 和 webpack4 的区别有哪些 ？
    1、Tree Shaking 作用： 如果我们的项目中引入了 lodash 包，但是我只有了其中的一个方法。其他没有用到的方法是不是冗余的？此时 tree-shaking 就可以把没有用的那些东西剔除
    前端 Webpack
  • 学习 Webpack5 之路（优化篇）- 近 7k 字
    本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。
    前端 Webpack
    学习 Webpack5 之路（优化篇）- 近 7k 字
  • webpack 十连问你能接住几题
    前言 面试题只是一个引子，快速刷题就是背（面试官问你，但是他不一定很深入），想深入理解还是得花大量精力； webpack 的构建流程是什么 初始化参数：解析webpack配置参数，合并shell传入和
    Webpack 面试
    webpack 十连问你能接住几题
  • webpack优化解决项目体积大、打包时间长、刷新时间长问题！
    在项目中，如果发现脚手架打包缓慢，体积又臭又大，那么，升级技术环境是提升的最快方式，比如node环境，比如升级脚手架版本，效果会有显著提升，而且是最廉价的优化方式。 首先当我们取用esmodel去引用jquery的时候npm搜索会先从当前目录的node_modules中找，找不…
    前端