开发者社区> 问答> 正文

如何在 Webpack 配置中设置对图片的处理,使其作为资源文件被导出?

如何在 Webpack 配置中设置对图片的处理,使其作为资源文件被导出?

展开
收起
迪哒迪滴喵 2024-08-27 16:02:03 32 0
1 条回答
写回答
取消 提交回答
  • 可以通过设置 module.rules 来指定对图片文件的处理。要将图片作为资源文件被导出,可以使用内置的 Assets Modules 并设置 type: 'asset/resource'。配置示例如下:

    // webpack.config.js 
    module: { 
    rules: [ 
    { 
    test: /\.png$/, 
    type: 'asset/resource', 
    }, 
    ], 
    }
    

    这样配置后,Webpack 会将 .png 文件作为资源文件处理,并在构建时将其复制到输出目录,同时导出文件的 URL。

    2024-08-27 17:07:45
    赞同 10 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载