Nuxt. JS s css не загружает SVG-файлы

Question

Всякий раз, когда я пытаюсь использовать background-image: url(~/assets/svg/500.svg) .... , я получаю эту ошибку . В настоящее время я использую Tailwind CSS с модулем Post Css.

Это мой пакет. json file

А вот мой текст .config. js

Буду признателен за любую помощь по этому вопросу

Answer 1

Решено с помощью GULP

`

var gulp = require('gulp');
var base64 = require('gulp-base64-inline');

/**
 * Converts svg and image files to base64
 */

gulp.task('assets', function () {

return gulp.src('assets/scss/*.scss')
    .pipe(base64('/assets/../../'))
    .pipe(gulp.dest('assets/styles'));

});

использование внутри s css, css: background-image: inline(path/to/image.jpg);