webpack 使用 enhanced-resolve 进行路径解析。它的作用类似于一个异步的 require.resolve 方法，将 require / import 语句中引入的字符串，解析为引入文件的绝对路径。 在其官方文档中，将其描述为高度可配置，这得益于它完善的插件…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

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

@babel/preset-env依赖了一些优秀的开源项目, 如browserslist, compat-table, electron-to-chromium... 对基于浏览器或者Electron的项目, 我们推荐使用一个.browserslistrc文件指定编译目标.如果…

该配置指明了使用 babel 翻译 js 文件，但仅是这样 babel 并不知道该如何翻译、翻译什么，要让它正真工作起来，还需要其他插件支持。 上文说到我们需要使用一些插件，但搜索和选择插件是一个很浪费时间的事，为了在短时间内解决问题，我们就需要使用预设。 @babel/pre…

采用模块化方式编写代码让我们可以更好的组织代码结构，node在解析依赖时，首先会获取依赖的文件是否存在，即每当遇到import或require这些导入语法时，就会根据规则去找到需要解析的文件路径。 刚开始看到结果可能会疑惑，为什么返回结果是node.js？他是怎么找到node_…

前阵子重构了一个挺有意思的项目，是一个基于浏览器环境的数据采集sdk。公司各个产品的前端页面中都嵌入了这个sdk，用于采集用户的行为数据，上传到公司的大数据平台，为后续的运营决策分析提供数据支撑。 笔者接手这个项目的时候，前任开发者已经把功能都写差不多了。唯一需要做的就是做下模…