微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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'
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。