• 前端的一些名词解释


    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结尾的文件通常代表运行时自动加载的文件,配置等等

  • 相关阅读:
    Recommended Books for Algo Trading in 2020
    Market Making is simpler than you think!
    Top Crypto Market Makers of 2020
    Top Crypto Market Makers, Rated and Reviewed
    爬取伯乐在线文章(五)itemloader
    爬取伯乐在线文章(四)将爬取结果保存到MySQL
    爬取伯乐在线文章(三)爬取所有页面的文章
    爬取伯乐在线文章(二)通过xpath提取源文件中需要的内容
    爬取伯乐在线文章(一)
    爬虫去重策略
  • 原文地址:https://www.cnblogs.com/init00/p/12582195.html
Copyright © 2020-2023  润新知