在Vue中更改资产目录

时间:2019-04-09 14:16:17

标签: vue.js vue-cli-3

我正在使用vue cli 3.0创建一个项目。并且在创建时还会创建一个src/assets文件夹。例如,该文件夹可以包含一些图像。

是否可以将资产的路径更改为其他内容?

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

编辑:

我应该注意,我想基于“供应商”环境变量加载资产。因此,如果我将其设置为vendorX,则应加载src/assets/vendorX,如果使用vendorY,则应加载src/assets/vendorY

编辑2:

看来目录名称对Vue Cli无关紧要。我将assets文件夹名称更改为vendors。但是我的猜测是,Vue默认包含src中的所有资源文件。因此,我现在正在寻找一种方法来对此进行更改,或者找到其他解决方案。

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

您可以查看Anthony Gore在Medium上的这篇文章。可能会给您提示。 Anthony Gore https://link.medium.com/9fo6DbgxNV

“重命名Vue CLI 3项目的src文件夹”