Как мне использовать пользовательские функции `node-sass-asset-functions` с Laravel Mix?

#webpack #sass #gulp #laravel-mix

#webpack #sass #глоток #laravel-mix

Вопрос:

Я пытаюсь сделать функции SASS, предоставляемые node-sass-asset-functions , доступными для использования в Sass, который скомпилирован с Laravel Mix. Если бы я использовал 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));
});
  

Ответ №1:

Вы просто передаете результат запроса модуля в functions опцию mix.sass :

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

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