webpack
2019-11-09 12:59:30 87 举报
AI智能生成
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内置模块
0 条评论
下一页
为你推荐
查看更多