1

Это немного странно одно:Инлайн sourcemap (генерируется с глотком-sourcemaps) не работает

У меня задача глотком, которая выглядит так:

gulp.task('less', function() { 
    gulp.src('./less/main.less') 
    .pipe(sourcemaps.init()) 
    .pipe(less({ 
     plugins: [cleancss] 
    })) 
    .pipe(sourcemaps.write()) // will write the source maps to ./public/assets/css-dist/maps 
    .pipe(gulp.dest(paths.public + 'css/dist')); 
}); 

Я бегу эта задача изнутри проекта 1.3 1.3, и он генерирует базовую исходную карту base64, как и ожидалось, но когда я загружаю ее в хром, все стили отображаются в строке 1 main.css, указывая на то, что что-то не так.

Теперь, где это странно: если я запустил эту же задачу, указав на копии тех же файлов, в другом проекте с одинаковой структурой каталогов, просто запускаясь под псевдонимом apache, он работает точно так, как ожидалось , Выходные файлы отображаются одинаково.

У кого-нибудь есть представление о том, почему это было бы?

FWIW, очень похожий сценарий разыгрывается, когда Минимизация и конкатенация моих JS, используя gulp-uglify и gulp-concat

ответ

0

Постарайтесь увидеть, если вы можете визуализировать разностное/отображение с помощью this visualizer tool. Если оба скомпилированных файла точно совпадают между двумя проектами, то это, вероятно, связано с различными способами обслуживания/доступа к файлам? Со вторым проектом вы также попытались просмотреть исходную карту через Chrome?

Просто чтобы прояснить, вы не только пишете встроенный sourcemap, вы также встраивание своих источников, так что все находится в пределах составленного .css файла, внешние оригинальные исходные файлы не ссылаются источник (sourceRoot будет /источник/).

 Смежные вопросы

  • Нет связанных вопросов^_^