首先我们创建一个新的项目目录mkdir iconfont-cli，并使用npm init进行初始化，一路回车即可。 命令行交互最核心的两大部分: 输入与输出。在准备工作部分，我们已经通过执行iconfont简单命令成功运行脚本并输出log。而通常，我们在执行命令时会传入一些参数…

首先，我们所使用的 ES Modules 模块系统本身就存在环境兼容问题。尽管现如今主流浏览器的最新版本都支持这一特性，但是目前还无法保证用户的浏览器使用情况。所以我们还需要解决兼容问题。 其次，模块化的方式划分出来的模块文件过多，而前端应用又运行在浏览器中，每一个文件都需要单…

一款油猴插件的脚手架。如果直接开发油猴插件，开发者需要费时搭建vue或react基础项目，还需要对油猴脚本区域做对应的配置，开发体验差。 wokoo可以一键式生成基础项目，并且提供基础Tampermonkey配置。主要提供的功能有： wokoo脚手架的设计参考了create-r…

有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 这里使用 lerna 创建一个 Monorepo，不了解 Monorepo 和 lerna 的同学可以看一下这篇文章：大型前端项目管理 - …

有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 前面的内容只是使用 Webpack 提供的打包构建能力，实现打包构建的需求，但是在开发的过程中可能不仅仅需要打包构建的能力，同时还需要开发调…

纳尼，这波很受伤，有没有🤕，于是我就冒出个想法，我想写本书，抱歉，走错片场了😝，其实到了这里，想必大家也已经猜到了，我想写一个类似于这种 json 格式化的网站，但是写网站要服务器，对于没有赚到第一桶金的前端er来说，不太现实，于是我就萌生了写个 vscode 插件的想法，…

只要提到脚手架你就会想到，vue-cli 、 create-react-app 、 dva-cli ... 他们的特点不用多说那就是专一！ 但是在公司中你会发现有以下一系列的问题! 很多时候我们开发时需要新建项目，把已有的项目代码复制一遍，保留基础能力。（但是这个过程非常琐碎而…