gulp, браузер, карты?

Как включить исходные карты? Я делаю это:

  var browserify = require("gulp-browserify")

  gulp.task("compile:client", function() {
    gulp.src("src/client/app.coffee", {
      read: false
    })
    .pipe(browserify({
      debug: true // THIS DOES NOTHING :(
      transform: ['coffeeify'],
      extensions: ['.coffee']
    }))
    .pipe(rename('app.js'));
  });

Ой... по какой-то причине на странице github для gulp-browserify написано: ПЛАГИН ЗАНЕСЕН В ЧЕРНЫЙ СПИСОК .

Я не понимаю ... как, черт возьми, я должен использовать браузер с моими файлами coffeescript?

UPD: Ха! Я ошибся: вариант debug работает. Он просто вставляет информацию об исходных картах прямо в выходной файл javascript. Потрясающий. До сих пор остается открытым вопрос: почему этот плагин в черном списке?


gulp coffeescript browserify
person iLemming    schedule 15.05.2014    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Посмотрите сюда:

https://github.com/gulpjs/plugins/issues/47

и здесь:

https://github.com/gulpjs/gulp/issues/369

ОБНОВИТЬ:

Я не думаю, что это ниже "грязно".

var source = require('vinyl-source-stream');
var browserify = require('browserify');

var bundler = browserify('./js/index.js');

gulp.task('compile', function(){
  return bundler.bundle({standalone: 'noscope'})
    .pipe(source('noscope.js'))
    .pipe(gulp.dest('./dist'));
});
person Mangled Deutz    schedule 15.05.2014
comment
Да, но все остальные решения беспорядочны. Кажется, многие люди все еще висят на плагине, думаю, я тоже буду придерживаться его, пока не будет найден лучший способ. - person iLemming; 15.05.2014
comment
Я не понимаю :( Что такое noscope.js? Как мне применить к моей ситуации? Мне нужно кофеифицировать мои файлы и добавить исходные карты, если process.env.NODE_ENV === "development" - person iLemming; 15.05.2014
comment
noscope — это опция браузера. noscope.js — это имя вашего файла, и это тоже не имеет большого значения. Просто прочитайте документы: npmjs.org/package/vinyl-source-stream и github.com/substack/node-browserify - person Mangled Deutz; 16.05.2014
comment
Я изо всех сил пытаюсь найти, для чего полезен вариант noscope. Вы можете посоветовать? Спасибо - person iLemming; 16.05.2014
comment
Вам нужно прочитать об UMD (github.com/umdjs/umd), чтобы понять. Затем (копирование документа Browserify): когда opts.standalone является непустой строкой, создается автономный модуль с этим именем и оболочкой umd. Вы можете использовать пространства имен в автономном глобальном экспорте с помощью файла . в имени строки в качестве разделителя. Например: «Азбука». - person Mangled Deutz; 17.05.2014

arrow_upward
11
arrow_downward

Я нашел решение, просканировав Интернет, и оно выглядит так:

var browserify = require('browserify');
var gulp = require('gulp');
var exorcist = require('exorcist');
var source = require('vinyl-source-stream');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var sourcemaps = require('gulp-sourcemaps'); // https://www.npmjs.org/package/gulp-sourcemaps

gulp.task('browserify', function(){
    return browserify({
            entries: ['./file1.js'],
            debug: true
        })
        .bundle()
        .pipe(exorcist('./output.js.map'))
        .pipe(source('output.js'))
        .pipe(gulp.dest('./'));
});

gulp.task('together', ['browserify'], function() {
  return gulp.src('output.js')
    .pipe(sourcemaps.init({loadMaps: true}))
      .pipe(concat('all-with-maps.js'))
      .pipe(uglify())
    .pipe(sourcemaps.write('.', {addComment: true /* the default */, sourceRoot: '/src'}))
    .pipe(gulp.dest('dist'));
});

Убедитесь, что у вас установлена ​​последняя версия браузера (на сегодняшний день я использую 5.10.0). Раньше вам нужно было передать {debug: true} вызову bundle() .. но он переместился непосредственно в browserify().

Что касается занесения в черный список: считается, что лучше использовать browserify() напрямую, как мы делаем здесь. Казалось бы, плагин не нужен.

person abourget    schedule 14.08.2014