一、Webpack 现状 最初的 Webpack 主打 Bundle 并且支持「Code Splitting」；在经过一段爆发式增长后，最有用的功能之一：热更新 Hot Module Replacem

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

什么是文件指纹？文件指纹就是打包后输出文件的后缀，每次文件更改打包后，后缀都会修改，这样可以防止浏览器的默认缓存，使客户端代码可以及时修改。 文件指纹的三种方式：Hash：和整个项⽬目的构建相关，只要项⽬目⽂文件有修改，整个项⽬目构建的 hash 值就会更更改；Chunkhas…

PostCSS 并不是一门语言，而是一个类似于 webpack 的工具，它支持很多插件，来达到便捷的编译效果，组成一个 CSS 编译 / lint / 自动补全的生态圈。通过它你可以写 CSS 文件，但正常使用自己喜爱的嵌套，函数或者其他自己喜欢的特性

首先，我们一起了解下什么是资源内联。 资源内联（inline resource），就是将一个资源以内联的方式嵌入进另一个资源里面，我们通过几个小例子来直观感受一下。 HTML 内联 CSS，这个其实就是我们通常说的 内联 CSS 或者 行内 CSS。我们可以写几行 reset …

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…