@use 'base.scss';
@use 'banner.scss';$_color: red;@use './base';
a{
color: base.$color;
text-decoration: none;
}Может быть, в сети, где-то есть актуальная железобетонная инструкции для того, чтобы импорты, переменные, да и Sass нормально завелись?
function browsersync(cb){
// …
cb();
}
// …
function watching(cb){
// …
cb();
}function watching() {
watch(['app/scss/**/*.scss'], styles)
- watch(['app/js/**/*.js',!'app/js/main.min.js'], scripts)
+ watch(['app/js/**/*.js','!app/js/main.min.js'], scripts)
watch(['app/**/*.html']).on('change', browserSync.reload)
}я узнал, pug, например, через расширения или терминал компилируется
gulp html
gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:
const sass = require('gulp-sass')(require('sass'));.pipe(gulp.dest(function(vinyl) {
retun 'path_to....';
}))function validate () {
return src('.')
.pipe(plumberSmart())
.pipe(through2(function (file, enc, callback) {
callback(new PluginError({
plugin: 'validate',
// Именно так форматировать сообщение
message: `${chalk.underline('Привет я строка 1')}
${chalk.cyan('Привет я строка 2')}
Я подведение итогов`
}))
}))
}function validate () {
return src('.')
.pipe(plumberSmart())
.pipe(through2(function (file, enc, callback) {
callback(new PluginError({
plugin: 'validate',
message: `${chalk.underline('Привет я строка 1')}` + '\n' +
`${chalk.cyan('Привет я строка 2')}` + '\n' +
'\n' +
`Я подведение итогов`
}))
}))
}/*
* Этот файл НЕ используется в сборке.
* Он нужен только для корректного автокомплита в IDE phpStorm.
* Эта IDE почему-то не работает как следует, при указании реально использующегося
* файла концигурации, расположенного не в корне проекта (node_modules/laravel-mix/setup/webpack.config.js)
*/
const path = require('path');
module.exports = {
resolve: {
extensions: ['*', '.wasm', '.mjs', '.js', '.jsx', '.json', '.vue'],
alias: {
'@': path.join(__dirname, 'resources/js'),
},
},
};