面对最常见的问题，给出让面试官惊喜的答案。 我认为通往所谓“精通”的过程分三步骤： 1. 能熟练使用API 2.理解API实现的原理 3. 自己去实现一个API，能用来实际解决问题的那种，经得住考验。

1前言相信大家肯定看过很多产品的开箱测评，今天来跑一个软件新版的上手测评—webpack5.0。自从2018年2月，webpack4发布以来，webpack就暂时没有更进一步的重大更新，阔别2年多后，

本文目的，实现一个可以移除项目中 console.log 的 webpack 插件。借此，我们可以学习一下webpack 插件怎么写。 本来以为比较简单，但还是花了我一个上午的时间。 此时我们运行 yarn build 就会在 dist 目录打包出一个 main.js。我们使用…

在 webpack 中，专注于处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。它和 loader 有以下区别： loader 是一个转换器，将 A 文件进行编译成 B 文件，比如：将 A.less 转换为 A.css，单纯的文件转换过程。webpac…

对于整个开发过程而言，毋庸置疑，模块化是必要的。不过，我们需要在原有的基础上去引入更好的方案或工具去解决以上问题或需求，让开发者在开发阶段可以继续享受模块化带来的优势又不必担心模块化对生产环境产生的影响。 将开发阶段编写的包含新特性的代码直接转换为能够兼容绝大多数环境的代码，解…

具备基本工程素养的同学都会注重编码规范，而代码风格检查（Code Linting，简称 Lint）是保障代码规范一致性的重要手段，你的工作流中有 Lint 环节么？有的话你用的爽么？你在团队中推广过 Lint，但是大家都不买账？究竟是为啥？Lint 是什么？探讨怎么做之前，我们…

下面通过例子来了解一下path、publicPath和contentBase的区别吧。 output 属性告诉 webpack 在哪里输出它所创建的 bundles，以及如何命名这些文件，默认值为 ./dist。基本上，整个应用程序结构，都会被编译到你指定的输出路径的文件夹中。…

2. HMR Uncaught Error: [HMR] Hot Module Replacement is disabled. 使用vue-cli3构建，通过vue-cli-service serve启动的项目，其本身会添加HMR，在vue.config.js的devServ…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…