0

我创建了一个需要两个 url 来访问 REST 服务的应用程序（使用 vue 和 webpack）。这些网址因部署而异。所以我真的很想有一个外部配置文件（可能是 JSON）来存储这些 url。

我做了一些研究，发现了 webpack externals。在我的配置文件中添加了外部组件：

module.exports = {

...

  externals: {
    tryout: path.resolve(__dirname, "./test.js")
  }

}

test.js 真的很简单 --> 导出默认 {url1 : ' https://bla ', url2: ' https://bla2 '}

从我需要这个文件的 vue 文件中调用：

import Tryout from 'tryout'

console.log(Tryout)

这会导致我的应用程序显示空白屏幕。控制台和 npm 控制台屏幕中都没有错误。

不知道发生了什么。几个问题：

  • 我正在使用开发服务器，不确定将 test.js 文件放在哪里我把它放在这里：__dirname，“./test.js”所以这是在我的构建目录中......
  • 我应该像外部库加载一样将它加载到我的 index.html 文件中吗？
  • 有人有一步一步的例子吗？网上没找到。。

这应该很简单，但没有任何线索，因为我没有收到任何错误或消息......

任何帮助都会非常有帮助！

4

0 回答 0