对于 Angular 项目，推荐使用 angular-cli 创建打包项目 Angular 会默认帮我们配置。 但是有特殊的需求时就显然不是很灵活，比如想分割一些较大的打包文件、分析每个打包文件组成，自定义webpack一些参数的时候就发现无从下手。 对许多项目的常见依赖项是日…

1. babel缓存 2. 文件资源缓存 chunkhash：根据chunk生成的hash值。如果打包来源同一个chunk，那么hash值就一样 contenthash：根据文件的内容生成hash值。不同的文件hash值一定不一样 前提：1、使用ES6模块化。2、必须在prod…

1. 防止打包后出现缓存文件？ 2. 怎么配置本地服务和proxy 代理？ 3. 合并配置文件 4. 多入口打包 5. webpack 插件 6. 常用的 loader 7. Loader 和 Plugin 的不同 Loader 是转换器。webpack 只能解析 JS 文件，…

声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请检查依赖模块版本是否和示例代码仓库中一致。 *温馨提示：*本篇内容更偏实战，涉及大量代码，如有代码密集恐惧症的老爷，请速速离场。 在上一篇的内容中，介绍了webpack的核心概念以及常用的核心配置，并尝…

在上一篇中，介绍了 webpack 的 entry 、 output 、 plugins 属性。 在这一篇，接着介绍其它配置属性。 搭建的 工程化 代码基本都无法直接运行在浏览器，所以本地测试也都是使用打包编译后的代码预览。 但是本地开发预览又必须具有代码可读性、可调试性等条件…

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

1. CSS Module CSS Module 在打包的时候会将类名转换成带有hash值的新类名，根据命名规矩，从而杜绝css类名冲突的问题。 我们可以看到，CSS Modules在最终构建页面时会自动重命名class，用vue官方描述就是，这个 module 特性指引 Vu…