Vue.js Vue后台url正确的资产路径

我创建了一个新的vue应用程序， 我想在div背景上加载一个图像。 以下作品

background: url('~../assets/my_image.png');

我的应用程序是否使用webpack和vue loader？我在package.json上找不到模块。

---

为什么我需要添加~？在dist目录上进行资产编译后，这会起作用吗？

我对vue不是很熟悉，但我假设您使用的是类似于react create app的模板，因此您会询问是否使用babel、webpack或其他加载程序/包

如果是我上面提到的情况，那么是的，您正在使用webpack。将推荐关于如何构建模板的研究

对于瓷砖协会，我认为以下链接可能会有所帮助：

---

基本上是的。你的应用程序使用Webpack和几个不同的文件加载器。这些都是Vue库的一部分

假设您已经在src目录中创建了一个资产目录，tilde将告诉Webpack如何重写文件路径

$npm run build将编译所有内容并将其添加到dist目录，以便您可以验证如何处理路径

如果您不希望Webpack处理您的资产，您可以将内容添加到公共目录，该目录将直接复制到dist，并成为服务器或/上的根目录

---

以下是Vue对目录结构的看法。

您的目录结构是什么样的？资产是否在src内？