Vue.cli将Webpack修改为在构建期间不嵌入JSON文件？

问题描述

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

在vue组件中，我正在做

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

但是也许我需要将其更改为axios或其他内容，然后将其视为url？

解决方法

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

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