There is a vue component with the following contents:

<template lang="html"> <div class="logo"></div> </template> <script> </script> <style lang="stylus" scoped> .logo width 50px height 50px background-image url('../assets/logo.png') </style>

folder structure is standard. Ie the one that is formed when installing webpack-simple. As a result of the work - a mistake!

He speaks:

Module not found: Error: Can't resolve '../assets/logo_with.png'

I understand that you can specify the URL in the layout. But you need here. I searched in Google, he gave me that it is possible, but not a fact, in the settings of the paths in the webpack - I tried, it did not work.

Then he told me more than once that the path is needed / dist / and here several options / logo.png - also do not work.

Then I came across the vue forum altogether, saying that this action was for some unknown reason not included in the vue feature. The date of publication of such a comment, and it was a comment on the same problem, about two weeks ago from the publication of this issue. But there is doubt in the author koment.

So the question is, did anyone try to put a picture in the background and write the paths not in a template, but in styles?

PS I do not post webpack, it is standard, the one that when deploying a template.

  • See the description of the loader, it describes how it works with the paths: vue-loader.vuejs.org/ru/configurations/asset-url.html - Eugene Kulakov
  • Well, yes, and the following is said there: Since .png is not a JavaScript file, you need to configure Webpack to use file-loader or url-loader to process them. A project created with vue-cli already does it for you. Here the last sentence is important)) - Andrey Zimin
  • So you tried the url('./assets/logo.png') ? - Eugene Kulakov
  • ugu)) and never tried it) - Andrei Zimin

1 answer 1

The point is this! When creating a question, I forgot to specify one very important detail. Namely, the fact that the project still has a server on the expert.

And that was where the mistake was.