深入解析 Webpack 配置与优化技巧,提供详尽的中文文档,涵盖模块打包、代码分割、性能提升等核心内容,助力开发者高效构建现代化前端应用。
教程目录:
第一部分
- webpack 概念
- webpack 入口起点(Entry Points)
- webpack 输出(Output)
- webpack 模块(Mode)
- webpack 加载器(Loaders)
- webpack 插件(Plugins)
- webpack 配置(Configuration)
- webpack 模块(Modules)
- webpack 模块解析(Module Resolution)
- webpack 依赖图表(Dependency Graph)
- webpack 文件清单(Manifest)
- webpack 构建目标(Targets)
- webpack 模块热替换(Hot Module Replacement)
第二部分
- webpack 配置
- webpack 使用不同语言进行配置(Configuration Languages)
- webpack 多种配置类型
- webpack 入口和上下文(Entry and Context)
- webpack 模块(Module)
- webpack 解析(Resolve)
- webpack Server(DevServer)
- webpack 开发工具(Devtool)
- webpack Watch 和 WatchOptions
- webpack 外部扩展(Externals)
- webpack 性能(Performance)
- webpack Node
- webpack 统计(Stats)
- webpack 其它选项(Other Options)
第三部分
- webpack API
- webpack 命令行接口(CLI)
- webpack 包含统计数据的文件(stats data)
- webpack Node.js API
- webpack 加载器 API
- webpack 模块方法(module methods)
- webpack 模块变量(module variables)
- webpack Plugin API
- webpack compiler 钩子
- webpack compilation 钩子
第四部分:指南
- webpack 安装准备
- webpack 安装
- webpack 起步
- webpack 管理资源
- webpack 管理输出
- webpack 开发
- webpack 模块热替换
- webpack Tree shaking
- webpack 生产环境构建
- webpack 代码拆分(Code Splitting)
- webpack 懒加载(Lazy Loading)
- webpack 缓存(Caching)
- webpack 创建库 (Library)
- webpack Shimming
- webpack 渐进式网络应用程序
- webpack TypeScript
- webpack 迁移到新版本
- webpack 使用环境变量
- webpack 构建性能
- webpack 内容安全策略
- webpack 开发 - Vagrant
- webpack 管理依赖
- webpack Public Path(公共路径)
- webpack 集成(Integrations)
第五部分
- webpack 插件
- webpack 插件 AggressiveSplittingPlugin
- webpack 插件Z opfliWebpackPlugin
- webpack 插件 BannerPlugin
- webpack 插件 ClosureWebpackPlugin
- webpack 插件 CommonsChunkPlugin
- webpack 插件 ComponentWebpackPlugin
- webpack 插件 CompressionWebpackPlugin
- webpack 插件 ContextReplacementPlugin
- webpack 插件 CopyWebpackPlugin
- webpack 插件 DefinePlugin
- webpack 插件 DllPlugin
- webpack 插件 EnvironmentPlugin
- webpack 插件 EvalSourceMapDevToolPlugin
- webpack 插件 ExtractTextWebpackPlugin
- webpack 插件 HashedModuleIdsPlugin
- webpack 插件 HotModuleReplacementPlugin
- webpack 插件 HtmlWebpackPlugin
- webpack 插件 BabelMinifyWebpackPlugin
- webpack 插件 IgnorePlugin
- webpack 插件 LimitChunkCountPlugin
- webpack 插件 LoaderOptionsPlugin
- webpack 插件 MinChunkSizePlugin
- webpack 插件 ModuleConcatenationPlugin
- webpack 插件 NamedModulesPlugin
- webpack 插件 NoEmitOnErrorsPlugin
- webpack 插件 NormalModuleReplacementPlugin
- webpack 插件 NpmInstallWebpackPlugin
- webpack 插件 PrefetchPlugin
- webpack 插件 ProfilingPlugin
- webpack 插件 ProvidePlugin
- webpack 插件 SourceMapDevToolPlugin
- webpack 插件 SplitChunksPlugin
- webpack 插件 UglifyjsWebpackPlugin
- webpack 插件 WatchIgnorePlugin
- webpack 插件 I18nWebpackPlugin