Question

我在我的Sass风格中包括Bootstrap。当我在没有启用源映射的情况下编译Sass时，文件大小约为。 150KB。当我在文件大小上打开源图时，最高可达800kb。这是预期的吗？最终我会挑选我需要的Bootstrap部分，但现在看起来很多。

这是我的Sass任务：

gulp.task('sass', function() {
    return sass(config.sassPath, {
        style: 'compressed',
        loadPath: ['./node_modules/bootstrap-sass/assets/stylesheets'],
        sourcemap: true
    })
    .on('error', function (err) {
        console.log('Error!', err.message);
    })
    .pipe( autoprefix('last 2 versions') )
    // .pipe( sourcemaps.init() )
    .pipe( sourcemaps.write() )
    .pipe( gulp.dest('./public/css') )
    .pipe( reload( {stream: true} ) )
    .pipe( notify('Sass compiled') );
});

Answer 1

您可以在外部文件上编写源图，例如.pipe( sourcemaps.write('./SOURCEMAPS_DIRNAME') )或者让您的制作CSS缩小并且没有源图。

我的Gulp内联源图文件大小应该是这么大吗？

1 个答案: