更改 Vue 中的资产目录

Question

我正在开发一个使用 vue cli 3.0 创建的项目。在创建时还会创建一个src/assets 文件夹。例如，此文件夹可以包含一些图像。

是否可以将资产的路径更改为不同的路径？

我尝试更改vue.config.js 中的assetsDir 设置。但这只会改变构建中的输出路径。

编辑：

我应该注意，我想根据“供应商”环境变量加载资产。因此，如果我将其设置为vendorX，它应该加载src/assets/vendorX，而使用vendorY，它应该加载src/assets/vendorY。

编辑 2：

似乎目录名称对 Vue Cli 无关紧要。我将assets 文件夹名称更改为vendors。但我的猜测是，Vue 默认包含src 中的所有资源文件。所以我现在正在寻找一种方法来改变这一点，或者找到不同的解决方案。

Answer 1

如果资产文件夹设置了别名，则可以在 webpack.config 中找到，但是 vue-cli 似乎创建了一个带有资产硬编码路径的项目。尝试将所有文​​件中资产的 src 路径更改为 ./assetsDir/myImg.png。