Web (Frontend) Dev
约 1 分钟阅读
Web Dev
| for | last gen | next gen |
|---|---|---|
| js baseline | es5 | es6+ |
| format | cjs, amd, umd | esm |
| transpile | babel, browserify | esbuild笔记ESBuildevanw/esbuild · MIT, Go · bundler & minifier · used by Vite, Snowpack · roadmap · https://esbuild.github.io/api/ · https://esbuild.github.io/打开：/notes/web/dev/bundle/esbuild, swc笔记swcswc-project/swc · Speedy Web Compiler · Rust-based platform for the Web · 开发者被 vercel 收编 · 早期定位是 compiler - bundling & minifition not ready打开：/notes/web/dev/bundle/swc |
| application bundler | webpack, parcel | nextjs,vite笔记Vitevitejs/vite 是什么？ · Dev+Bundle 工具 - No-Bundler - Bundle 为 ESM 独立模块而不是整体 Bundle · ESBuild+Rollup · Koa · 模块 TS, CSS, Static Assets, JSX, JSON, Vue, Glob Import, WebAssembly, Web W...打开：/notes/web/dev/vite,turbopack笔记turborepovercel/turborepo · 增量构建 · 类似 nx，但支持多 package；类似 bazel · 适用于 monorepo 构建 · 支持缓存、依赖 · 缓存目录 · - · 项目配置 .turbo/config.json · teamid - - TURBOTEAM打开：/notes/web/dev/turborepo |
| library bundler | rollup | [rollup]+esbuild |
| package manager | yarnv1, lerna, bower | pnpm, npmv8, yarnv3, turborepo笔记turborepovercel/turborepo · 增量构建 · 类似 nx，但支持多 package；类似 bazel · 适用于 monorepo 构建 · 支持缓存、依赖 · 缓存目录 · - · 项目配置 .turbo/config.json · teamid - - TURBOTEAM打开：/notes/web/dev/turborepo |
| scaffold | cra,yeoman | npx,nextjs,vite笔记Vitevitejs/vite 是什么？ · Dev+Bundle 工具 - No-Bundler - Bundle 为 ESM 独立模块而不是整体 Bundle · ESBuild+Rollup · Koa · 模块 TS, CSS, Static Assets, JSX, JSON, Vue, Glob Import, WebAssembly, Web W...打开：/notes/web/dev/vite |
| task runner | grunt,gulp | turborepo笔记turborepovercel/turborepo · 增量构建 · 类似 nx，但支持多 package；类似 bazel · 适用于 monorepo 构建 · 支持缓存、依赖 · 缓存目录 · - · 项目配置 .turbo/config.json · teamid - - TURBOTEAM打开：/notes/web/dev/turborepo |