一、问题阐述：为什么要使用Eslint+prettier自动格式化代码？现在前端的项目越来越大，项目中每个人都有自己习惯使用的编辑器，每个人的编码风格也不相同，导致后期代码review和项目维护难度较

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Sour

webpack原生只支持打包JS文件，要支持打包其他类型的文件，都需要安装相应的插件或loader。 如果我们需要打包HTML文件，需要安装对应的插件，然后进行相关的配置

前几天 webpack 作者 Tobias Koppers 发布了一篇新的文章 webpack 4.0 to 4.16: Did you know?(需翻墙)，总结了一下webpack 4发布以来，做了哪些调整和优化。 并且说自己正在着手开发 webpack 5。 正好我也在使…

webpack 是我们现阶段要掌握的重要的打包工具之一，我们知道 webpack 会递归的构建依赖关系图，其中包含应用程序的每个模块，然后将这些模块打包成一个或者多个 bundle。 莫慌，我们一点点拆分开看，其实总体的文件就是一个 IIFE——立即执行函数。 函数的入参 mo…

代码的压缩可以分为三个部分，HTML CSS JS。我们挨个来看。 1. HTML压缩 其实呢，这个插件主要是用来生成html文件，将 webpack中entry配置的相关入口chunk和 extract-text-webpack-plugin抽取的css样式插入到该插件提供的…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …