前端工程化知识卡片

「这是我参与11月更文挑战的第17天，活动详情查看：2021最后一次更文挑战」 大家好，我是山月。 使用 docker 部署前端最大的好处是隔离环境，单独管理： 前端项目依赖于 Node v16，而宿

在 npmv2 时，node_modules 对于各个 package 的拓扑为嵌套结构。 假设: 项目依赖 package-a 与 package-b 两个 package package-a 与

「这是我参与11月更文挑战的第10天，活动详情查看：2021最后一次更文挑战」 大家好，我是山月。 假设 lodash 有一个 Bug，影响线上开发，应该怎么办？ 答: 三步走。 在 Github 提

「这是我参与11月更文挑战的第5天，活动详情查看：2021最后一次更文挑战」 大家好，我是山月。 eslint，对代码不仅有风格的校验，更有可读性、安全性、健壮性的校验。 关于校验分号、冒号等，属于风

「这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战」 大家好，我是山月。 git hooks 是前端项目在本地通用的质量保障手段。 它在 git commit、git push

「这是我参与11月更文挑战的第2天，活动详情查看：2021最后一次更文挑战」 大家好，我是山月. main 指 npm package 的入口文件，当我们对某个 package 进行导入时，实际上导入

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」 大家好，我是山月 semver，Semantic Versioning 语义化版本的缩写，文档可见 https://sem

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 12/36 core-js 是关于 ES 标准最出名的 polyfill，po

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 11/36 Tree Shaking` 指基于 ES Module 进行静态分

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 10/36 通过 AST 分析，根据一些策略，来生成一颗更小体积的 AST 并

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 9/36 使用 speed-measure-webpack-plugin 可评

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 8/36 HMR，Hot Module Replacement，热模块替换，见

在打包器，比如 webpack 中，需要借用 loader 将非 JS 资源转化成可识别为 Javascript 的 module。 在 webpack 中，处理 css 稍微比较费劲，需要借用两个

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 6/36 在前端中，网页只能加载 javascript 脚本资源，即便在 no

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 5/36 在现代前端开发中，如何把打包后的 JS 资源自动注入到 html 中

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 4/36 一个 webpack 中运行时，包括最重要的两个数据结构： __we

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 3/36 webpack 的 runtime，也就是 webpack 最后生成

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 2/36 关于 http 缓存配置的最佳实践为以下两条： 文件路径中带有 ha

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 大家好，我是山月。 这是我在掘金发表的前端工程化知识卡片集合 1/36 cjs (commonjs) commonjs 是 Node 中的模