Как разрешить URL-адрес css (изображение) в веб-пакете s css? - PullRequest
Новая
       51

Как разрешить URL-адрес css (изображение) в веб-пакете s css?

0 голосов
/ 27 мая 2020

Я использую webpacker, если это актуально. Структура папок: 

app/javascripts
.
├── features
│   ├── bar.png
│   └── foo.css
├── index.scss
├── packs
│   └── application.js

В приложении. js У меня 

import("index.scss");

Затем в index.s css У меня 

@import "features/foo.css";

и features / foo. css is 

.foo {
  background-image: url(bar.png);
}

Я не могу изменить код foo. css. Так поступает от продавца.

При попытке загрузить bar.png не найден 

index.scss:4 Uncaught (in promise) Error: Cannot find module './bar.png'
    at webpackMissingModule (index.scss:4)
    at Object../node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js?!./app/javascript/index.scss (index.scss:4)
    at __webpack_require__ (bootstrap:63)
    at Object../app/javascript/index.scss (index.scss?32bc:2)
    at __webpack_require__ (bootstrap:63)
    at __webpack_require__.t (bootstrap:161)

Как мне загрузить bar.png?

...