Gulpfile源地图Sass Min

时间:2018-07-31 21:19:00

标签: css sass gulp source-maps gulp-sourcemaps

我开始疯了。

我想用Gulp将我所有的.scss文件合并为一个CSS文件,将此文件缩小以得到style.min.css并获得一个.map文件。目的是让.scss文件进入浏览器,而不是.min.css文件。

在我的Gulpfile.js中,我已经编译了.scss文件(import.scss,其中包含很多.scss文件),这给了我style.css,接下来将其缩小为style.min.css和我的.map文件也生成了,看起来效果很好,但是...

如果我检查CSS控制台(chrome),可以看到style.min.css,为什么?我应该能够看到form.scss,grid.scss,header.scss,...您知道我的意思吗?

在我的HTML文件中,我称为style.min.css,如果尝试加载style.css,则可以在CSS控制台中看到所有的.scss文件,但是我不想加载no min文件。 / p>

如何进行?下面的代码基于style.css生成一个sourcemap,仅当我在脑海中调用style.css而不是style.min.css时,此方法才能正常工作

gulp.task('sass', function () {
   return gulp.src('src/sass/import.scss')
    .pipe(sourcemaps.init()) //init sourcemaps
    .pipe(sass().on('error', sass.logError)) //compile my import.scss file in CSS
    .pipe(rename('style.css')) //simple rename
    .pipe(sourcemaps.write(".")) //generate sourcemaps
    .pipe(gulp.dest('build/css'));
});

0 个答案:

没有答案