、子筱的博客

什么是Webpack ​ Webpack 本质上是一个模块化打包工具，它通过“万物皆模块”这种设计思想，巧妙地实现了整个前端项目的模块化。在 Webpack 的理念中，前端项目中的任何资源都可以作为一个模块，任何模块都可以经过 Loader 机制的处理，最终再被打包到一起。 ​ 最初的时候，具体做法是将每一个功能及其相关状态数据各自放到不同的js文件中，一个script标签对应一个模块。 ├── module-a.js ├── module-b.js └── index.html

Babel转码器 babel是一个广泛使用的ES6转码器，可以将ES6代码转换为ES5代码，从而在老版本浏览器执行。 初始化项目 命令行 生成package.json文件 npm init @babel/core 这个包主要是对代码进行转换的核心方法 npm install --save-dev @babel/core @babel/cli这个是内置的cli，可以让我们从命令行来编译我们的文件 npm install --save-dev @babel/cli @babel/preset-env，最新