前端的一些名词解释

Vue CLI 使用了一套 基于插件 的架构,依赖都是以 @vue/cli-plugin- 开头的。

插件可以修改 webpack 的内部配置,也可以向 vue-cli-service 注入命令。

每个 CLI 插件都会包含

  1、一个 (用来创建文件的) 生成器

  2、一个 (用来调整 webpack 核心配置 和 注入命令的) 运行时插件

  

Babel: 是一个 JavaScript 编译器,代码转换器

NPM:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题

NPX :调用项目内部安装的模块

Node :一个让 JavaScript 运行在服务端的开发平台

webpack: 是一个现代 JavaScript 应用程序的静态模块打包器

shim、polyfill

shim:一个shim是一个,将一个新的API引入到一个旧的环境中,而且仅靠旧环境中已有的手段实现

polyfill:一个polyfill就是一个用在浏览器API上的shim(库)。我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill,然后新旧浏览器就都可以使用这个API了.

plugin、Preset(preset 可以作为 Babel 插件的组合)

Babel Plugin:Babel插件一般尽可能拆成小的力度,开发者可以按需引进。比如对ES6转ES5的功能,Babel官方拆成了20+个插件,插件逐个引入,不单费力,而且容易出错。

Babel Preset:简单的把Babel Preset视为Babel Plugin的集合。比如babel-preset-es2015就包含了所有跟ES6转换有关的插件

执行顺序

  先执行完所有Plugin,再执行Preset。

  多个Plugin,按照声明次序顺序执行。

  多个Preset,按照声明次序逆序执行。

Stage-X:插件

stage-0、stage-1、stage-2、stage-3、stage-4分别对应的就是进入标准之前的5个阶段,不同stage-x之间存在依赖关系,数字越小,阶段越靠后,靠后阶段包含前面阶段所有的功能,简单理解就是stage-0包含stage-1/2/3的内容,

babel官网提供了四种方式通过文件维护配置项

1、babel.config.js

2、.babelrc 

3、package.json

4、.babelrc.js

 rc结尾的文件通常代表运行时自动加载的文件,配置等等

原文地址:https://www.cnblogs.com/init00/p/12582195.html