Nuxt.JS scss 不加载 svg 文件

【问题标题】：Nuxt.JS scss doesn't load svg filesNuxt.JS scss 不加载 svg 文件
【发布时间】：2020-04-26 13:46:39
【问题描述】：

每当我尝试使用background-image: url(~/assets/svg/500.svg).... I get this error。我目前正在使用带有 PostCss 模块的 TailwindCSS。

This is my package.json file

And here's my nuxt.config.js

我将不胜感激有关此问题的任何帮助

【问题讨论】：

标签： vue.js npm nuxt.js

【解决方案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'));

});

scss、css内部使用：background-image: inline(path/to/image.jpg);

【讨论】：