我开始疯了。
我想用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'));
});