本文是开发工具集系列文章之一，其他请点击这里。 模块打包器(module bundler)，顾名思义就是将各个模块（module）打包到一个或几个文件中，然后在html文件中引入。 在es module中，module是对应script的一个概念，即可以理解为应用中使用到的非全…

随着产品的不断演化发展，整个应用常常不可避免的变得越来越庞大，此时首屏渲染时间或者首次加载时间都会加长。然后性能优化就会被排上日程。在众多的性能优化方案中，对模块做按需加载，无疑是最有效的方法之一。使用 webpack 的 import() 方法即可轻松实现模块的按需加载。 我…

大概在 2019 年，自己搭建 React 开发环境的想法萌芽，到目前为止，公司的很多项目上，也在使用中，比较稳定。为什么要自己造轮子？起初是因为自己并不满意市面上的脚手架。另外，造轮子对于自己也有一些技术上的帮助，学别人二次封装的东西，不如直接使用底层的库，这样也有助于自己系…

新建一个项目，通常需要进行各种配置，比如webpack配置、eslint配置、各种通用库的安装和配置等等，如果每次新建都要重新搞一遍会比较麻烦，因此搭建一个自己常用的项目脚手架便很有必要。 就像vue-cli一样，一个vue create my_project命令就可以生成项目…