zoukankan      html  css  js  c++  java
  • Webpack的作用(一个基础的打包编译工具在做什么?)

    结论:

    1. 转换ES6语法成ES5
    2. 处理模块加载依赖
    3. 生成一个可以在浏览器加载执行的 js 文件

    第一个问题,转换语法,其实我们可以通过babel来做。核心步骤也就是:

    • 通过babylon生成AST
    • 通过babel-core将AST重新生成源码

    第二步需要处理模块依赖的关系,那就需要得到一个依赖关系视图,babel-traverse提供了一个可以遍历AST视图并做处理的功能,通过 ImportDeclaration 可以得到依赖属性,

    得到根文件的依赖关系和编译后的代码,比如我们的index.js依赖了test.js但是我们并不知道test.js还需要依赖message.js,他们的源码也是没有编译过。所以此时我们还需要做深度遍历,得到完成的深度依赖关系,完成了所有文件的编译解析。

    最后一步,就是需要我们按照webpack的思想对源码进行一些包装。第一步,先是要生成一个modules对象,得到 modules 对象后,接下来对整体文件的外部包装,注册requiremodule.exports,函数内部,循环执行每个依赖文件的 JS 代码而已,完成代码,到这里基本上也就介绍完了。

  • 相关阅读:
    Revit 二次开发参照属性
    存储过程分页 (多条件拼接)
    Dapper的使用
    C#实现简单的邮件发送
    ORM 简介
    Web Services简介
    事物、锁、存储过程
    游标和触发器简介
    ASP.NET 上传文件方法
    C# Web API 实现上传功能
  • 原文地址:https://www.cnblogs.com/eret9616/p/9154297.html
Copyright © 2011-2022 走看看