webpack
2022-03-18 14:07:23 12 举报AI智能生成
快速了解webpack的思维导图
作者其他创作
大纲/内容
概念
webpack配置文件
默认为webpack.config.js
entry
构建时入口
output
构建后的出口
mode
⽤来指定当前的构建环境，开发环境下代码会压缩
loader
模块解析，模块转换器，⽤于把模块原内容按照需求转换成新内容
moudle
在 Webpack ⾥⼀切皆模块，⼀个模块对应着⼀个⽂件
plugins
功能扩展，类似于⽣命周期的概念扩展插件
chunk
入口文件与依赖模块组合，经过构建，生成的代码片段，叫做chunk
bundle
构建成功后输出的文件
配置
entry
字符串类型
单页面应用，入口只有一个
数组类型
单页面应用，可以组合
对象类型
可以单页面和多页面，多入口需要对应多个出口
output
对象类型
filename
输出⽂件的名称
path
输出⽂件到磁盘的⽬录，必须是绝对路径
mode
字符串类型
production
生产环境
development
开发环境
none
退出任何默认优化选项
moudle
对象类型
rules数组，对象集合
test
指定匹配规则
use
使用什么loader及配置
loader
字符串类型
加载单个loader
数组类型
从后往前 加载多个loader
plugins
数组类型
实例化plugin，配置以参数形式写入
0 条评论
下一页
