Skip to main content

前端工程化

怎么优化webpack的编译速度 1.speed-measure-webpack-plugin 监控 loader babel-loader换成swc-loader 2.cache cache-loader 3.多线程编译 --> 开了之后变慢 4.entry太多 再多优化技巧 monorepo 5.核心react 外部模块导出去 CDN方式 6.保证node版本最先 7.Rust go AssemblyScript https://www.assemblyscript.org/ 机器码 插件 loader --> css 矩阵 编译bin

你如何看待现在的构建工具? webpack 生态 sdk commonjs + umd amd cmd commonjs commonjs2 esmoudule rollup vite parcel 插件和生态 bun 一类的 go rust 更多参与到js构建流程之中

webpack

  • 构建提速的方案
  • 核心模块
  • loader的工作方式、编写loader的思路
  • plugin及编写思路
  • babel
  • swc
  • 热更新
  • SplitChunks
  • 文件监听的原理

vite

  • 原理

如何对bundle的体积进行监控和分析

SonarQube

CI/CD

  • 项目使用的是哪种
  • node_modules的安全性如何解决

前端的构建工具的对比

tree-shaking的原理

脚手架

综合聊一下对前端工程化的理解

MenoRepo的方案及优缺点