前几个月写的一篇文章，还没在掘金发过。 平时在使用 antd、element 等组件库的时候，都会使用到一个 Babel 插件：babel-plugin-import，这篇文章通过例子和分析源码简单说一下这个插件做了一些什么事情，并且实现一个最小可用版本。 antd 和 ele…

不知道你有没有遇到过这种情况，就是在你查看团队中别的小伙伴的前端代码时各种难受，因为习惯和编辑器不一样，写出的代码风格也是不一样的。那为了方便阅读统一格式化团队的代码时个不错的选择。 我们最终希望的是在git提交前进行风格检查并格式化通过了才提交，不然就报错。代码风格方面选择的…

2020年5月写的一篇文章，还没在掘金发过。 最近在尝试玩一玩已经被大家玩腻的 Babel，今天给大家分享如何用 Babel 为代码自动引入依赖，通过一个简单的例子入门 Babel 插件开发。 我们得首先通过 import axuebin from 'axuebin' 引入 a…

在优化应用体积之后，下一个提升应用加载时间的策略就是缓存。将资源缓存在客户端中，可以避免之后每次都重新下载。 这个方法可以告诉浏览器去下载 JS 文件，并将它缓存，之后使用的都是它的缓存副本。浏览器只会在文件名发生改变（或者一年之后缓存失效）时才会请求网络。 使用 webpac…

自从vue、react或者angular这类框架流行后，单页应用的数量也越来越多。但是限制于单页应用的一些缺点，比如：seo、首屏时间等因素，很多应用的结构还是保持了多页面结构。此篇讲述的是如何在多页面应用结构的基础上，利用webpack生成带hashcode文件名的方式实现静…