如何通过 vue.config.js webpack config 将 JSON 文件写入 dist 文件夹？

Posted 2023-02-23

【中文标题】如何通过 vue.config.js webpack config 将 JSON 文件写入 dist 文件夹？

【英文标题】：How to write a JSON file into the dist folder by vue.config.js webpack config?

【发布时间】：2022-01-03 13:32:48

【问题描述】：

原始数据不是来自文件，而是来自 JSON 对象。

我已经知道如何使用原生 Node.js 代码将 JSON 文件写入 dist 目录，但现在我想使用 vue.config.js webpack config 来完成这项任务。

我也不熟悉 webpack。我只是查了一些资料，没有找到任何办法。

希望得到一些建议，谢谢！

【问题讨论】：

这不是 Webpack 的工作。只需使用单独的节点脚本

vue.config.js 是 javascript，只要在这个文件中任何你想要的地方调用你的方法，它就可以工作了

这能回答你的问题吗？ Vue cli 3 do some tasks after build

【参考方案1】：

我找到了解决办法。

const fs = require('fs-extra');

function JsonWebpackPlugin() 
  fs.writeJSONSync('./public/some.json',  a: 1 );

JsonWebpackPlugin.prototype.apply = new Function();

module.exports = 
    chainWebpack(config) 
        config.plugin('Json').use(JsonWebpackPlugin);
    

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。