twitter-bootstrap – 我的Gulp内联源映射文件大小应该是这么大吗?

我在我的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') );
});

最佳答案 您可以在外部文件上编写源图,例如.pipe(sourcemaps.write(‘./ SOURCEMAPS_DIRNAME’))或者让你的生产CSS缩小并没有源图.

点赞