如何配置webpack

什么是webpack模块

require、import、url(...)、<img src=...>

解析文件规则

绝对路径、相对路径、模块路径

模块将在resolve.modules中指定的所有目录内搜索,

使用resolve。alias配置选项来创建别名

webpack内部机制

webpack 的 runtime 和 manifest,管理所有模块的交互

runtime 包含:在模块交互时,连接模块所需的加载和解析逻辑。包括浏览器中的已加载模块的连接,以及懒加载模块的执行逻辑。

当编译器(compiler)开始执行、解析和映射应用程序时,它会保留所有模块的详细要点。这个数据集合称为 "Manifest"当完成打包并发送到浏览器时,会在运行时通过 Manifest 来解析和加载模块。通过使用 manifest 中的数据,runtime 将能够查询模块标识符,检索出背后对应的模

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端将大型项目分成一个个单独的模块,一般封装好的每个模块都会实现一个目的明确的完成的功能。如何处理这些模块以及模块...
    pixels阅读 3,453评论 1 14
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,726评论 7 110
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,263评论 0 21
  • 趁着上班、看娃的当儿,把猫爷留的作业做了,其实在读之前心里有些怀疑猫爷是不是要搞个人崇拜,让大家把他的文章从头到尾...
    孟顺顺阅读 162评论 0 2
  • 出差在外, 住山野, 屋钱一片红枫叶 下雨、天晴 早晨,黄昏
    土坑1214阅读 152评论 0 0