#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'
})
});