这是记录前端面试的话术集锦第十篇博文——高频考点(实现小型打包工具)
,我会不断更新该博文。❗❗❗
在这一章节中,带大家来实现一个几十行的迷你打包工具,该工具可以实现以下两个功能
-
将
ES6
转换为ES5
-
支持在
JS
文件中import CSS
文件
通过这个工具的实现,大家可以理解到打包工具的原理到底是什么。
因为涉及到ES6
转ES5
,所以,我们首先需要安装一些Babel
相关的工具。
yarn add babylon babel-traverse babel-core babel-preset-env
接下来我们将这些工具引入文件中:
const fs =