Vue.cli 修改 webpack 以在构建期间不嵌入 json 文件？

Posted 2023-02-16

【中文标题】Vue.cli 修改 webpack 以在构建期间不嵌入 json 文件？

【英文标题】：Vue.cli modify webpack to NOT embed json file during build?

【发布时间】：2020-12-20 20:41:22

【问题描述】：

我正在使用 vue.js cli 构建一个应用程序。该应用程序引用数据的外部 json 文件。构建后，我希望这个 json 文件作为独立文件存在，以便将来编辑以在需要时更新应用程序。如何为 vuejs cli 配置 webpack 构建以不将 json 文件嵌入应用程序中？

在vue组件中，我在做：

import json from "~/assets/data.json";

但也许我需要将其更改为 axios 或其他东西并将其视为 url？

【参考方案1】：

在您的 Webpack 配置中，将文件添加为 external dependency:

module.exports = 
  externals: 
    myDataFileVariable: './assets/data.json'