twitter-bootstrap - 我的 Gulp 内联源映射文件大小应该和它一样大吗？

Question

我在我的 Sass 样式中包含了 Bootstrap。当我在没有启用源映射的情况下编译 Sass 时，文件大小约为。150kb。当我打开 sourcemaps 时，文件大小高达 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。