【问题标题】:How do you export a specific source file in webpack?如何在 webpack 中导出特定的源文件?
【发布时间】:2020-03-25 14:09:45
【问题描述】:

我有一个名为src/services/data.json 的文件,我用它来为我的一项服务填充一些数据。我使用以下

import embeddedData from "./data.json";

导入文件。当我生成分发时,正如预期的那样,内容被合并,因此它们不在生成的 dist 文件夹中

我可以对 webpack 配置做些什么来导出 JSON 数据文件吗? (我在我的框架中使用带有 TypeScript 的 vue)

【问题讨论】:

    标签: json vue.js webpack


    【解决方案1】:

    我会选择Dynamic Imports。默认情况下,Webpack 将为此类导入创建单独的文件。在运行时这些文件是异步加载的。网页包 将 import() 调用转换为 Promises,因此您也可以使用 await/async。

    【讨论】:

    • 这不起作用,因为它将 JSON 文件生成为 JavaScript。我希望它保持 JSON。
    • 啊,我明白了。那么也许您最好的选择可能就是使用 file-loader 来获取此资产。它应该将文件发送到您的dist 文件夹。
    猜你喜欢
    • 2019-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-08
    • 2018-02-18
    • 1970-01-01
    • 2016-12-12
    相关资源
    最近更新 更多