打包
18篇文章 · 0订阅
  • 2024年｜ESlint9+Prettier从0开始配置教程
    2024年，教你从0开始认识和配置ESlint。本文将从0开始教你一步一步在任何项目中安装和配置使用ESlint，认识每个ESlint插件都有何作用。
    ESLint
  • Vue2.6+Webpack4项目迁移至Rsbuild
    将一个上古Vue2.6 + Webpack4项目使用Rsbuild进行迁移。构建速度、打包速度均有巨大提升，构建产物体积大大缩小。
    前端
    Vue2.6+Webpack4项目迁移至Rsbuild
  • 基于 PNPM Monorepo 的组件库研发方案调研
    1. 背景 随着部门业务不断迭代，沉淀了大量的业务组件库。初期业务系统不复杂时，组件库通常都是 Multirepo 方式组织（即一个组件库一个仓库），随着业务复杂度不断提升，模块数量飞速增长，Mult
    前端 JavaScript
  • 前端MonoRepo实战：pnpm+nx搭建MonoRepo项目
    Monorepo架构是前端大型项目开发的必经之路，因为不可能去维护众多npm项目，那样子太复杂了，因此借着分享，用实战经验去做分享。
    前端 掘金·日新计划 Node.js
  • 远程组件实践
    一、什么是远程组件 这里是指在生产环境中，从服务端远程下载一个JS文件并注册成组件，使其在生产环境中能够使用。 二、背景 1. 项目背景 我们的项目是个低代码平台，它内置了一些常用组件，可供用户使用。
    前端
    远程组件实践
  • TypeScript Monorepo 最佳实践
    随着 JS 项目的逐渐复杂，诞生了很多工程化利器，比如 TypeScript 和 Monorepo。本文详细介绍了 TypeScript 和 Monorepo 两者结合的最佳实践，帮助你更好的管理你的
    前端 TypeScript 架构
    TypeScript Monorepo 最佳实践
  • 带你了解更全面的 Monorepo - 优劣、踩坑、选型
    带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~
    JavaScript 前端 架构
  • （webpack核心库02）耗时7个小时，用近50张图来学习enhance-resolve中的数据流动和插件调度机制
    本篇文章 耗时 7个小时左右才完工，篇幅涉及到大量的源码及其分析的过程图解和数据，阅读前，请保证自己有充分的时间，尽情的去享受吸收知识进入脑子的过程。
    前端 JavaScript Webpack
    （webpack核心库02）耗时7个小时，用近50张图来学习enhance-resolve中的数据流动和插件调度机制
  • rollup打包vue2.x组件库JSX无法识别的踩坑记
    关于Rollup 和 Webpack 打包性能优化对比可参考这篇文章 Tree-Shaking性能优化实践 - 原理篇 本文主要记录的是遇到了rollup打包Vue2.x组件库的JSX无法识别的问题。
    rollup.js 前端
    rollup打包vue2.x组件库JSX无法识别的踩坑记
  • 【webpack系列】webpack构建速度和体积优化策略
    1. 初级分析：使用webpack内置的stats 缺点：颗粒度太粗，看不出问题所在。 2. 速度分析：使用speed-measure-webpack-plugin 分析整体打包的总耗时，以及每个loader和插件的执行耗时情况。 3. 体积分析：使用webpack-bundl…
    Webpack