recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Après l'uglify du code gulp-babel, le positionnement des sourcesmaps n'est pas précis

Il y a le code ES6 suivant

let that = this;

let DOMp = document.querySelectorAll('p');
let DOMpArray = Array.prototype.slice.call(DOMp);
console.log(DOMpArray);

class Modal {
    constructor() {
        console.log('what');
        this.init();
    }
    init() {
    }
}

new Modal();

Et le code gulp suivant

const uglify = require('gulp-uglify');
const babel = require('gulp-babel');
const sourcemaps = require('gulp-sourcemaps');
const plumber = require('gulp-plumber');
const chalk = require('chalk');
gulp.task('js', function () {
    console.log(chalk.yellow('[进行中] js(!entry_*.js ES6->ES5)'));
    return gulp.src('dev/js/test.js')
        .pipe(plumber())
        .pipe(sourcemaps.init())
        .pipe(babel())
        .pipe(uglify())
        .pipe(sourcemaps.write('./maps'))
        .pipe(gulp.dest(`./static/js/`))
        .on('end', function () {
            console.log(chalk.green('[已完成] js(!entry_*.js ES6->ES5)'));
        });
});

Le navigateur exécute la sortie js générée sur la console et la ligne de code située en cliquant sur le fichier est incorrecte. Y a-t-il un problème avec mon utilisation ?

给我你的怀抱给我你的怀抱2745 Il y a quelques jours739

répondre à tous(1)je répondrai

  • 我想大声告诉你

    我想大声告诉你2017-05-24 11:40:25

    L'emplacement est erroné.

    const uglify = require('gulp-uglify');
    const babel = require('gulp-babel');
    const sourcemaps = require('gulp-sourcemaps');
    const plumber = require('gulp-plumber');
    const chalk = require('chalk');
    gulp.task('js', function () {
        console.log(chalk.yellow('[进行中] js(!entry_*.js ES6->ES5)'));
        return gulp.src('dev/js/test.js')
            .pipe(sourcemaps.init()) // <------ 这里
            .pipe(plumber())    // <------ 这里
            .pipe(babel())
            .pipe(uglify())
            .pipe(sourcemaps.write('./maps'))
            .pipe(gulp.dest(`./static/js/`))
            .on('end', function () {
                console.log(chalk.green('[已完成] js(!entry_*.js ES6->ES5)'));
            });
    });
    

    Référence :

    • https://stackoverflow.com/que...

    • https://fettblog.eu/gulp-4-so...

    répondre
    0
  • Annulerrépondre