如何在前端和后端之间共享 webpack 结果？答案

【问题标题】：How to share webpack result between frontend and backend?如何在前端和后端之间共享 webpack 结果？
【发布时间】：2021-10-28 15:42:10
【问题描述】：

我有两个项目 - 前端 (vue) 和后端 (nodejs) - 一个 Web 应用程序。我正在使用 webpack 构建前端。所有图像在构建过程中都将其名称更改为哈希值。现在我需要在后端了解其中一些。在前端和后端之间共享该信息的最佳方式是什么？

我可以使用简单的硬编码方法或依赖自定义的手写映射并使用自定义脚本来加载资产。但这两种都是脆弱的方法。

Webpack 允许使用 target 进行多重构建项目。究竟，如何使用 Webpack 来实现呢？

【问题讨论】：

标签： javascript node.js webpack frontend backend

【解决方案1】：

Webpack programmatic 可以帮助你 webpack Node API

// webpack/script.js
import webpack from "webpack";

const compiler = webpack({ /* your config*/ }, (err, stats) => {
  // stats.toJson(options)
  console.log(stats.toString())

  // make api call for getting the info in backend with stats of your choice 
})

【讨论】：