【问题标题】:why doesn't the compiled css file appear?为什么编译好的css文件没有出现?
【发布时间】:2023-03-24 15:08:01
【问题描述】:

我不明白为什么编译后的css文件没有出现,我检查了一些视频,但找不到错误,请帮助,我的代码在下面,我还有图片

let gulp = require ('gulp');
let sass = require ('gulp-sass');

gulp.task('sass', function(){
    return gulp.src('app/scss/style.scss')
        .pipe(sass())
        .pipe(gulp.dest('app/css'))
});

这是图片 [1]:https://i.stack.imgur.com/sCytp.png [2]:https://i.stack.imgur.com/SHUIA.png [3]:https://i.stack.imgur.com/RP1lx.png [4]:https://i.stack.imgur.com/fGK0h.png

【问题讨论】:

    标签: javascript html css sass gulp


    【解决方案1】:

    如图 2 所示,您需要设置一个默认的 sass 编译器。查看documentation 了解更多示例

    1. 安装 sass。 npm install sass
    2. 设置默认编译器let sass = require('gulp-sass')(require('sass'));

    结果:

    ```
    let gulp = require ('gulp');
    let sass = require ('gulp-sass')(require('sass'));
    
    gulp.task('sass', function(){
        return gulp.src('app/scss/style.scss')
            .pipe(sass())
            .pipe(gulp.dest('app/css'))
    });
    

    【讨论】:

    • 非常感谢,我尝试了 2 个小时,现在可以了
    猜你喜欢
    • 2021-03-18
    • 2019-11-14
    • 2023-03-31
    • 1970-01-01
    • 2018-02-06
    • 2019-06-24
    • 2022-12-15
    • 2023-03-24
    • 2012-01-12
    相关资源
    最近更新 更多