

首页  思维导图  详情



webpack核心概念学习

2021-01-21 10:27:46   0  举报





AI智能生成

webpack核心概念学习

读书笔记

模版推荐

作者其他创作

大纲/内容

Entry(入口配置)

⼊⼝起点，⽤来告诉webpack⽤哪个⽂件作为构建依赖图的起点。<br>webpack会根据entry递归的去寻找依赖，每个依赖都将被它处理，<br>最后输出到打包成果中

SPA

MPA

Output(出口配置）

描述webpack打包的输出配置，包含输出⽂件的命名、位置等信息

MPA可通过占位符[name]来配置

Module

4.0开始，webpack⽀持零配置，旨在为开发⼈员减少上⼿难度，同时加⼊了mode的概<br>念，⽤于指定打包的⽬标环境，以便在打包的过程中启⽤webpack针对不同的环境下<br>配置的优化。

一切皆模块，webpack会从Entry递归找出所有依赖关系

Chunk

指代码块，⼀个 chunk 可能由多个模块组合⽽成，也⽤于代码合并与分割

bundle

资源经过Webpack 流程解析编译后最终结输出的成果⽂件。

Loader

默认情况下，webpack仅⽀持 .js .json ⽂件，通过loader，可以让它解析其他类型的⽂件，充当翻译官的⻆⾊。理论上只要有相应的loader，就可以处理任何类型的⽂件。

loader主要的职责是让webpack认识更多的⽂件类型。

Plugin

plugin的职责则是让其可以控制构建流程，从⽽执⾏⼀些特殊的任务。

插件的功能⾮常强⼤，可以完成各种各样的任务。

 Collect

Get Started

 Collect

Get Started

 Collect

Get Started

webpack基础

 Collect

Get Started

概念理解2





0 条评论

下一页