登录免费注册

首页  思维导图  详情



 



webpack

webpack

2022-03-18 14:07:23   12  举报





AI智能生成

快速了解webpack的思维导图

webpack

模板推荐

作者其他创作

大纲/内容

概念

webpack配置文件

默认为webpack.config.js

entry

构建时入口

output

构建后的出口

mode

⽤来指定当前的构建环境，开发环境下代码会压缩

loader

模块解析，模块转换器，⽤于把模块原内容按照需求转换成新内容

moudle

在 Webpack ⾥⼀切皆模块，⼀个模块对应着⼀个⽂件

plugins

功能扩展，类似于⽣命周期的概念扩展插件

chunk

入口文件与依赖模块组合，经过构建，生成的代码片段，叫做chunk

bundle

构建成功后输出的文件

配置

entry

字符串类型

单页面应用，入口只有一个

数组类型

单页面应用，可以组合

对象类型

可以单页面和多页面，多入口需要对应多个出口

output

对象类型

filename

输出⽂件的名称

path<br>

输出⽂件到磁盘的⽬录，必须是绝对路径

mode

字符串类型

production

生产环境

development

开发环境

none

退出任何默认优化选项<br>

moudle

对象类型

rules数组，对象集合

test

指定匹配规则<br>

use

使用什么loader及配置

loader

字符串类型

加载单个loader

数组类型

从后往前加载多个loader

plugins

数组类型

实例化plugin，配置以参数形式写入

 Collect

Get Started

webpack

 Collect

Get Started

Webpack

 Collect

Get Started

webpack基础

 Collect

Get Started

webpack













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document