在前端打包时,加入了source map之后文件变大如何处理?

在前端打包时,加入了source map。结果文件后面加上了//# sourceMapping…,导致js、css文件变大,下载时间过长,这样不就没有…
关注者
34
被浏览
10,539
登录后你可以
不限量看优质回答私信答主深度交流精彩内容一键收藏

你们都没理解题主的意思,上来就是嘲讽。题主看了你们回答也一头雾水。

题主应该是不小心生成了 inline soucemaps(内联的 data uri),就是 soucemaps 被直接 include 在目标文件里了,这样体积确实会大好多,影响下载时间也不是不可能的。

姑且假设题主就是使用 Sourcemaps 工具或者其 gulp-sourcemaps 插件。在最后一步,若是 `sourcemaps.write()` 便是 inline 的,`sourcemaps.write('.') 便是 external(外部) 的。

var gulp = require('gulp');
var plugin1 = require('gulp-plugin1');
var plugin2 = require('gulp-plugin2');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('javascript', function() {
  gulp.src('src/**/*.js')
    .pipe(sourcemaps.init())
      .pipe(plugin1())
      .pipe(plugin2())
    .pipe(sourcemaps.write('.'))   // 这里换成实际要存放的位置
    .pipe(gulp.dest('dist'));
});