在 VS Code 的 vue 项目中使文件在 chrome 中可用答案

【问题标题】：Make file available in chrome from vue project in VS Code在 VS Code 的 vue 项目中使文件在 chrome 中可用
【发布时间】：2021-06-10 05:06:46
【问题描述】：

我通常是 Web 开发的新手，所以请耐心等待

我正在使用threejs，并希望使用SVGLoader 示例将svg 加载到其中，但这并不是我的问题所在。 svg 加载的函数需要一个路径，所以我需要的是使我想要加载的 svg 文件在可以通过路径访问的某个地方可用。我不能锻炼的是如何告诉 vs 代码使文件可用，而该文件在任何地方都没有被引用。无论我将文件放在 vs 代码中的文件夹结构中的哪个位置，它都不会最终出现在 chrome 中的文件夹中，因此我无法通过路径引用该文件。

我可能误解了一些东西，但是有没有办法告诉 vs code 包含某些文件并将它们复制过来？

作为参考，我在一个窗格中使用 typescript、vue/vuetify/vuex 和threejs

所以这里需要一个有效的路径：

loadSvgResource('/static-assets/node_selected.svg',(o) => {
  ...
})

【问题讨论】：

标签： vue.js google-chrome svg visual-studio-code three.js

【解决方案1】：

回答我自己的问题（我似乎经常这样做！）

在vue documentation 中，它说以这种方式将所需的任何文件放在我已经完成的公用文件夹中，然后我已将其添加到每个文件的公开 index.html 中：

<link rel="icon" href="<%= BASE_URL %>static-assets/node_selected.svg" >

文件在这里：public/static-assets/node_selected.svg 在 vs 代码中

然后当我开始在代码中使用该文件时，我正在这样做：

aFunction(process.env.BASE_URL + 'static-assets/node_selected.svg')

这似乎有效

【讨论】：