如何解决使用@import升级了SASS它不再读取我的主要样式表
我正在努力升级我们的SASS。我正在使用一个主要的“无礼”工作表来导入其他所有内容。当我修改导入的文件时,不会对其进行编译。它甚至似乎都不读取@imported文件。当我修改主表时,它可以正常编译。
Gulp版本:4.0.2 SASS版本:4.1.0
我的gulp文件:
const gulp = require('gulp')
const sass = require('gulp-sass')
const clean = require('gulp-clean-css')
const rename = require('gulp-rename')
const concat = require('gulp-concat')
const uglify = require('gulp-uglify')
const prefixer = require('gulp-autoprefixer')
const sourcemaps = require('gulp-sourcemaps');
var sassSourcesMain = '../scss/source-main.scss';
function style() {
return (
gulp
.src(sassSourcesMain)
.pipe(sourcemaps.init())
.pipe(sass())
.on('error',sass.logError)
.pipe(prefixer())
.pipe(clean())
.pipe(rename('main.min.css'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('../min'))
);
}
function watch(){
gulp.watch(sassSourcesMain,style)
}
exports.watch = watch
exports.style = style;
exports.default = watch;
我的主要样式表是从中导入所有内容的
@charset "UTF-8";
@import "base/colors";
@import "base/variables";
@import "base/animations";
@import "base/resets";
@import "base/type";
@import "base/homepagebanners";
依此类推。
解决方法
我需要将子文件夹添加到监视功能中
function watch() {
gulp.watch(paths.styles.src,style);
gulp.watch(subscssfiles,style);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。