Как мне установить CSS фон в vue -cli 3?

Question

Как мне установить CSS фон в vue -cli 3? мой vue .config. js это. Я установил publicPath, не так ли?

js

const path = require("path");
module.exports = {
  devServer: {
    port: 8081,
    overlay: {
      warnings: true,
      errors: true
    }
  },
  publicPath: "./"
};

my css

button.close {
    background: url(/src/style/images/close.png);
    font-size: 0px;
    border: 0px;
    width: 20px;
    height: 20px;

    &.modal {
      position: absolute;
      top: 2px;
      left: -38px;
      box-shadow: none;
    }
  }

дерево моего проекта.

Answer 1

Ваш URL не является относительным или веб-пакетом, и он должен быть в двойных кавычках

, если вы хотите использовать относительный URL, он должен быть url("../style/images/close.png");

, если вы хотите использовать webpack

в vue .config. js

const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}
module.exports = {
  chainWebpack: config => {
    config.resolve.alias.set("@", resolve("src"))
  }
}

в css:

background: url("@/style/images/close.png");