登录免费注册



webpack

首页  思维导图  详情



webpack

2019-11-09 12:59:30   88  举报





AI智能生成

webpack超详细知识树

webpack；webpack超详细

模版推荐

作者其他创作

大纲/内容

配置

多个 Target

导出为一个函数

导出一个 Promise

导出多个配置对象。。。

多语言编写

webpack 模块

依赖关系

支持的模块类型

模块解析

缓存

watch模式。。。

绝对路径

相对路径

模块路径

模块不具有文件扩展名

模块路径指向文件夹

包含 package.json 文件

package.json 文件不存在

通过 resolve.extensions 选项

Runtime

Manifest

插件

WebpackManifestPlugin

构建目标(target)

多个 Target

模块热替换

在应用程序中

在编译器中

在模块中

在 HMR Runtime 中。。。

webpack-dev-server  Node API

问题

tree shaking

标记为无副作用

入口起点(entry points)

单文件入口

分离应用程序(app) 和第三方库(vendor) 入口

长效缓存。。。

多文件入口

多页面应用程序

代码分离

动态导入

import() 语法

require.ensure

入口起点

CommonsChunkPlugin（被移除）

optimization。。。

输出(output)

filename

占位符(substitutions)

长度

chunkFilename

path

publicPath

__webpack_public_path__。。。

输出插件

HtmlWebpackPlugin

clean-webpack-plugin

bundle 分析

模式(mode)

development（开发模式）

source map（devtool）

inline-source-map

其他

开发工具（devServer）

webpack's Watch Mode 

webpack-dev-server

webpack-dev-middleware

SourceMapDevToolPlugin

production（生产模式）

tree shaking、代码压缩

loader

配置

内联

cli

特性

链式传递

可以是同步的，也可以是异步

运行在 Node.js 中

接收查询参数。用于对 loader 传递配置。

使用 options 对象进行配置。

自定义loader

插件(plugin)可以结合 loader 使用

loader 能产生额外文件

解析 loader

遵循标准的模块解析

配置选项。。。

resolveLoader 配置选项可以用来为 Loader 提供独立的解析规则。

导出一个函数

插件

插件实例

NamedModulesPlugin

ProvidePlugin

用法

配置

Node API

compiler.apply

shimming

shimming 全局变量

ProvidePlugin插件

Node内置模块

 Collect

Get Started

webpack

 Collect

Get Started

webpack

 Collect

Get Started

webpack

 Collect

Get Started

webpack打包流程













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

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

取消

确定

Document