如何在 Laravel Mix 中使用“node-sass-asset-functions”自定义函数？答案

【问题标题】：How do I use `node-sass-asset-functions` custom functions with Laravel Mix?如何在 Laravel Mix 中使用“node-sass-asset-functions”自定义函数？
【发布时间】：2020-12-20 02:23:41
【问题描述】：

我正在尝试使 node-sass-asset-functions 提供的 SASS 函数可用于使用 Laravel Mix 编译的 Sass。如果我使用 Gulp，我会像这样将 functions 传递给 sass.render：

const assetFunctions  = require('node-sass-asset-functions');

gulp.task('sass:dev:compile', function () {
  return gulp.src([sassSrcPath])
    .pipe(plumber())
    .pipe(sass({
      functions: assetFunctions({
        images_path: './images'
      }),
    }).on('error', sass.logError))
    .pipe(gulp.dest(sassDestPath));
});

【问题讨论】：

标签： webpack sass gulp laravel-mix

【解决方案1】：

您只需将要求模块的结果传递给mix.sass 的functions 选项：

const assetFunctions = require('node-sass-asset-functions');

mix.sass('src/sass/styles.scss', 'css', {
  functions: assetFunctions({
    images_path: './images'
  })
});

【讨论】：