JS模块化，相信很多人都不陌生，但说起 CSS 模块化，可能大家就没有这么清晰了。大部分人都会重点关注JS而忽略CSS，但CSS也是前端三剑客不可或缺的一部分，接下来我们就来简单聊一聊 CSS模块化！

前言 我们在实际开发中，经历过许多次的模块共享的场景。最常见的场景例如我们将代码封装后根据版本和环境的不同发布到公共平台或者私有平台，供不同项目进行使用，npm 工程化就是其中最日常的实践。

编译和转译的区别，前端为什么需要转译器，都有哪些转译器。之后介绍了babel、typescript、terser、prettier、postcss、swc 等转译器。一文全面了解前端转译器。

但这样会有一个问题，就是这次提交，我可能只修改了一个文件，比如我就修改了 a.js 的内容，但它依然会校验 src 下面所有的 .js 文件，非常的不友好。 解决上面的痛点就需要使用 lint-staged。它只会校验你提交或者说你修改的部分内容。 如上配置，每次它只会在你本地…

大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…

Jay：大家好，我是陈超，目前是腾讯课堂前端负责人，第 8 届 IMWeb CONF 我将跟大家分享《如何搭建前端工程化效能体系为研发提速》；本次分享将会介绍 IMWeb 团队在研发工程化方面的一些探索和经验，希望大家能有所收获。 Jay：16 年加入团队后，一共经历了 3 届…

该算法即简化了 Dependency hell 的解决方式，也带来了非常多的问题。 其错误原因就在于全局的 types 形成了命名冲突，因此假如版本重复可能会导致全局的类型错误。 一般的解决方式就是自己控制包含哪些加载的 @types/xxx。 node 会对加载的模块进行缓存…

自从 2018 年 2 月，webpack4 发布以来，webpack 就暂时没有更进一步的重大更新，为了保持 API 的一致性，旧的架构没有做太多改变，遗留了很多的包袱。阔别 2 年多后，2020 年 10 月 10 日，webpack 5 正式发布，并带来了诸多重大的变更，…

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…