# webpack 工程化

  • tree sharking 原理,如何 避免 tree-shaking?CommonJS 为什么不能做 Tree-Shaking ?
  • 说一下 webpack 配置,常用的 loader、plugin,以及 loader 和 plugins 区别以及实现。
  • 说一下 npm 包管理机制
  • A 插件依赖 D 插件版本是 1.0.1,B 插件依赖 D 插件版本是 1.0.2,C 插件依赖 D 插件 1.1.0,那么 npm i 之后,下载了几个版本的 D 插件
  • webpack 打包原理是怎么样的
  • webpack 优化打包的手段
  • webpack import 动态加载原理
  • 知道 webpack 中的 devTool 吗?
  • 为什么有时候配置了 webpack caching,chunk 还是更新了?
  • webpack 提高构建速度的方式
  • webpack 热更新
  • AST 的应用
  • 如何解析一个 html 文本,还是考 AST
  • babel 原理,怎么写 babel 插件
  • webpack 拆包: 1.被多个模块使用,cache 起来 2.资源过大
  • webpack 中 chunkHash 与 contentHash 区别;
  • webpack 处理 image 是用哪个 loader,限制成 image 大小的是什么?
  • webpack 将 css 合并成一个;
  • webpack 的摇树对 commonjs 和 es6 module 都生效么,原理是?
  • 了解最近一些新技术么,webpack5 做了哪些新突破;
  • 为什么 vite、snowpack 可以比 webpack 快那么多?具体原理是;

# 相关链接