webpack
7篇文章 · 0订阅
  • 【前端工程化基础 - Babel 篇】简单实现 babel-plugin-import 插件
    前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…
    JavaScript 前端
  • 用webpack从0到1打包一个按需加载的vue组件库
    在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…
    Webpack
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    前端 JavaScript
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 无用代码去哪了？项目减重之 rollup 的 Tree-shaking
    从 Webpack2.x 通过插件逐步实现 tree-shaking，到最近炙手可热的 Vite 构建工具也借助了 rollup 的打包能力，众所周知 Vue 和 React 也是使用 rollup
    前端 rollup.js
    无用代码去哪了？项目减重之 rollup 的 Tree-shaking
  • Webpack 原理系列九：Tree-Shaking 实现原理
    一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术，它会在运行过程中静态分析模块之间的导入导出，确
    Webpack
    Webpack 原理系列九：Tree-Shaking 实现原理
  • 有点难的知识点：Webpack Chunk 分包规则详解
    Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？
    Webpack
    有点难的知识点：Webpack Chunk 分包规则详解
  • 「Webpack」从0到1学会 code splitting
    代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle，以及控制资源加载优先级
    前端 Webpack
    「Webpack」从0到1学会 code splitting