blog cover

🛡️ [Webpack实战: 入门、进阶与调优] 3. 资源输入与输出

JavaScriptWebpack

资源处理流程

指定entry 告诉webpack从哪个位置开始打包。从入口开始查找各模块依赖关系,存在依赖关系的模块会被产生trunk。由trunk生成的打包产物被称为bundle

image

配置资源入口

  • 1.context
  • 2.entry
  • 3.实例
  • 资源配置出口

  • 1.filename。控制输出资源文件名。
  • 2.path。资源输出的位置,需为绝对路径。
  • 3.publicPath。资源请求路径
  • 4.实例

  • 2024/05/27 08:53