WebPack
7篇文章 · 0订阅
  • 玩转 webpack，使你的打包速度提升 90%
    webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…
    前端
  • webpack loader和plugin编写
    首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plugin，需要配置这两个属性。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，w…
    Webpack 编译器 前端
  • Webpack 5 实践：你不知道的 Tree Shaking
    本篇文章从 什么是 Tree Shaking、如何使用 Tree Shaking、Tree Shaking 的原理：usedExports 和 sideEffects 以及 如何实践 Tree Sha
    Webpack JavaScript
    Webpack 5 实践：你不知道的 Tree Shaking
  • 一套骚操作下来，webpack 项目打包速度飞升🚀、体积骤减↓
    总结了 webpack5 的 8 个速度优化和 6 个体积优化的实用方案，在你的项目中也尝试一下吧，直接起飞
    前端 Webpack
    一套骚操作下来，webpack 项目打包速度飞升🚀、体积骤减↓
  • 🔥 webpack打包优化方向指南(理论篇)
    对一位合格的前端开发工程师来说，完成业务功能的需求开发只是基本的要求，能够及时准确地发现系统中存在的性能瓶颈，并且给出合适的解决方案，这才是区分初，中级前端工程师和高级前端工程师的重要依据
    Webpack 前端 性能优化
    🔥 webpack打包优化方向指南(理论篇)
  • 再次梳理AMD、CMD、CommonJS、ES6 Module的区别
    回想起之前的一次面试，第一轮面试官问我AMD和CMD的区别，我只回答说AMD是提前加载，CMD是按需加载。第二轮面试官又问了我CommonJS和ES6 Module的区别，emmm...，我大致回答说新的比旧的好~~，虽然面试官并没有说什么，不过显然这样的答案并不是有助于面试、…
    前端
  • [打包优化]Webpack DLL
    认识DLL库 什么是DLL DLL全称是动态链接库(Dynamic Link Library)，是为软件在Windows中实现共享函数库的一种实现方式; 那么webpack中也有内置DLL的功能，它指
    Webpack 前端
    [打包优化]Webpack DLL