webpack logo
中文文档参与贡献投票博客
  • English
  • 中文
  • 한국어
API概念配置指南loader迁移plugin

webpack

api

简介命令行接口(CLI)Node 接口Stats Datawebpack-dev-server APIHot Module ReplacementLoader InterfaceLogger 接口模块方法Module VariablesCompilation Objectcompiler 钩子compilation 钩子ContextModuleFactory HooksJavascriptParser HooksNormalModuleFactory HooksPlugin API解析器(Resolvers)

blog

BlogRoadmap 2021 (2020-12-08)Webpack 5 发布 (2020-10-10)

概念

概念入口起点(entry points)输出(output)loaderplugin配置(Configuration)模块(Modules)模块解析(Module Resolution)Module Federation依赖图(dependency graph)targetmanifest模块热替换(hot module replacement)为什么选择 webpack揭示内部原理

配置

配置Configuration LanguagesConfiguration Types入口和上下文模式(Mode)OutputModule解析(Resolve)优化(Optimization)插件(Plugins)DevServerCacheDevtool构建目标(Targets)watch 和 watchOptions外部扩展(Externals)PerformanceNodeStats 对象实验特性(Experiments)其它选项

contribute

参与贡献作者指引编写 loader自定义插件插件模式发布流程调试

指南

指南起步管理资源管理输出开发环境代码分离缓存创建库环境变量构建性能内容安全策略开发 - Vagrant依赖管理安装模块热替换Tree Shaking生产环境懒加载ECMAScript 模块Shimming 预置依赖TypeScriptWeb Workers渐进式网络应用程序公共路径集成资源模块entry 高级用法Package exports

loader

Loadersbabel-loadercoffee-loadercss-loaderexports-loaderexpose-loaderhtml-loaderimports-loaderless-loadernode-loaderpostcss-loaderpug-loaderremark-loadersass-loadersource-map-loaderstyle-loaderstylus-loaderthread-loaderval-loader

迁移

Migrate从 v4 升级到 v5To v4 from v3从 v1 升级到 v2 或 v3

plugin

插件HtmlWebpackPluginAutomaticPrefetchPluginBannerPluginCommonsChunkPluginContextExclusionPluginContextReplacementPluginDefinePluginDllPluginEnvironmentPluginEvalSourceMapDevToolPluginHashedModuleIdsPluginHotModuleReplacementPluginIgnorePluginInternal webpack pluginsLimitChunkCountPluginMinChunkSizePluginModuleConcatenationPluginModuleFederationPluginNoEmitOnErrorsPluginNormalModuleReplacementPluginPrefetchPluginProfilingPluginProgressPluginProvidePluginSourceMapDevToolPluginSplitChunksPluginWatchIgnorePluginCompressionWebpackPluginCopyWebpackPluginCssMinimizerWebpackPluginEslintWebpackPluginHtmlMinimizerWebpackPluginImageMinimizerWebpackPluginInstallWebpackPluginJsonMinimizerWebpackPluginMiniCssExtractPluginStylelintWebpackPluginTerserWebpackPlugin

Comparison

Awesome webpack

品牌指南

术语表

遵循许可

Print SectionPrinter Icon
Loaders
  • 文件
  • JSON
  • 语法转换
  • 模板
  • 样式
  • 框架
  • Awesome
babel-loader
  • 安装
  • 用法
    • 选项
  • 疑难解答
    • babel-loader 很慢!
    • Babel 在每个文件都插入了辅助代码,使代码体积过大!
    • babel 的 Node.js API 已经被移到 babel-core 中。
    • 排除不应参与转码的库
  • 根据 webpack 部署目标(target)的自定义配置
  • 自定义 loader
    • 示例
    • customOptions(options: Object): { custom: Object, loader: Object }
    • config(cfg: PartialConfig): Object
    • result(result: Result): Result
  • License
coffee-loader
  • 起步
  • 选项
  • 示例
    • CoffeeScript 与 Babel
    • Literate CoffeeScript
  • 贡献
  • 许可
css-loader
  • 快速开始
  • 配置项
    • url
    • import
    • modules
    • importLoaders
    • sourceMap
    • esModule
    • exportType
  • 示例
    • 推荐
    • 使用 /* webpackIgnore: true */ 注释禁用 url 解析
    • Assets
    • Extract
    • 纯 CSS,CSS 模块和 PostCSS
    • 使用别名解析未解析的 URL
    • Named export with custom export names
    • 只允许 可交互的 CSS 使其与 CSS Module 特性分离
  • Contributing
  • License
exports-loader
  • 快速开始
    • 内联
    • 使用配置文件
  • 配置项
    • type
    • exports
  • 贡献
  • License
expose-loader
  • 快速开始
  • 内联
  • 使用配置文件
  • 配置项
    • exposes
  • 贡献
  • License
html-loader
  • 快速开始
  • 选项
    • sources
    • preprocessor
    • minimize
    • esModule
  • 示例
    • 使用 <!-- webpackIgnore: true --> 注释禁用 url 解析
    • roots
    • CDN
    • 处理 script 和 link 标签
    • 模板
    • PostHTML
    • 导出为 HTML 文件
  • 贡献
  • 许可证
imports-loader
  • 快速开始
    • 内联
    • 使用配置项
  • 配置项
    • type
    • imports
    • wrapper
    • additionalCode
  • Contributing
  • License
less-loader
  • 快速开始
  • 可选项
    • lessOptions
    • additionalData
    • sourceMap
    • webpackImporter
    • implementation
  • 示例
    • 常规用法
    • Source maps
    • 生产环境
    • 导入
    • 插件
    • 提取样式
    • CSS modules 陷阱
  • 贡献
  • 许可
node-loader
  • 快速开始
    • 内联
    • 配置
  • 选项
    • flags
    • name
  • 贡献
  • License
postcss-loader
  • 快速开始
  • 选项
    • execute
    • postcssOptions
    • sourceMap
    • implementation
  • 例子
    • SugarSS
    • Autoprefixer
    • PostCSS Preset Env
    • CSS Modules
    • 提取 CSS
    • 触发资源打包
    • 添加 dependencies、contextDependencies、buildDependencies、missingDependencies
  • 贡献
  • License
pug-loader
remark-loader
  • 用法
  • Options
    • remarkOptions
    • removeFrontMatter
  • 启发
  • 示例
    • Markdown 转为 HTML
    • Markdown 转为 Markdown
  • 贡献
  • License
sass-loader
  • 快速开始
    • 解析 import 的规则
    • url(...) 的问题
  • 配置选项
    • implementation
    • sassOptions
    • sourceMap
    • additionalData
    • webpackImporter
    • warnRuleAsWarning
  • 示例
    • 提取样式表
    • Source maps
  • 贡献
  • License
source-map-loader
  • 起步
  • 选项
    • filterSourceMappingUrl
  • 示例
    • 忽略警告
  • 贡献
  • 许可
style-loader
  • 快速开始
  • Options
    • injectType
    • attributes
    • insert
    • styleTagTransform
    • base
    • esModule
  • 示例
    • 推荐
    • Named export for CSS Modules
    • Source maps
    • Nonce
  • Contributing
  • License
stylus-loader
  • 快速开始
  • 可选项
    • stylusOptions
    • sourceMap
    • webpackImporter
    • additionalData
    • implementation
  • 示例
    • 常规用法
    • Source maps
    • stylus 中使用 nib
    • 导入 JSON 文件
    • 生产环境
    • webpack 解析器
    • Stylus resolver
    • 提取样式
  • 贡献
  • 许可
thread-loader
  • 快速开始
    • 示例
  • 贡献
  • License
val-loader
  • Getting Started
  • Options
    • executableFile
  • Return Object Properties
    • code
    • sourceMap
    • ast
    • dependencies
    • contextDependencies
    • buildDependencies
    • cacheable
  • Examples
    • Simple
    • Modernizr
    • Figlet
  • Contributing
  • License

stylus-loader

编辑此页·打印文档·前往仓库
« Previous
style-loader
Next »
thread-loader
快速开始对比Privacy Policy
webpack icon
周边Awesome webpack术语品牌Gitter更新日志Creative Commons LicenseCreative Commons License