Gulp Browserify未替换类标记
我使用下面的gulpfile将我的javascript代码从ES6编译到ES5Gulp Browserify未替换类标记,gulp,ecmascript-6,browserify,babeljs,Gulp,Ecmascript 6,Browserify,Babeljs,我使用下面的gulpfile将我的javascript代码从ES6编译到ES5 var gulp = require('gulp'); var gutil = require('gulp-util'); var cssnano = require('gulp-cssnano'); var autoprefixer = require('gulp-autoprefixer'); var notify = require("gulp-notify"); var sass = require('gul
var gulp = require('gulp');
var gutil = require('gulp-util');
var cssnano = require('gulp-cssnano');
var autoprefixer = require('gulp-autoprefixer');
var notify = require("gulp-notify");
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var watchify = require('watchify');
var babel = require('gulp-babel');
var babelify = require('babelify');
var uglify = require('gulp-uglify');
//...
gulp.task('js', function () {
return buildScript('index.js', false);
});
function buildScript(file, watch) {
var props = {
entries: [folder_source + '/javascript/' + file],
debug : true,
transform: [babelify]
};
// watchify() if watch requested, otherwise run browserify() once
var bundler = watch ? watchify(browserify(props)) : browserify(props);
function rebundle() {
var stream = bundler.bundle();
return stream
.on('error', handleErrors)
.pipe(source(file))
.pipe(gulp.dest(folder_dest + '/javascript/build/'));
}
// listen for an update and run rebundle
bundler.on('update', function() {
rebundle();
gutil.log('Rebundle...');
});
// run it once the first time buildScript is called
return rebundle();
}
function handleErrors() {
var args = Array.prototype.slice.call(arguments);
notify.onError({
title: 'Compile Error',
message: '<%= error.message %>'
}).apply(this, args);
this.emit('end'); // Keep gulp from hanging on this task
}
编译的示例(app.js):
代码>(函数e(t,n,n,r)若(t,t,n,n,r)若(t(t,t,n,n,r)若(t(t,t,n,n,n,r)若(t,n,n)若(t,n,n)若(t,n,n,r)若(t)若(t)若(t(t,n,n,n,n,r)若)若(t,(t,n,n,n,n,n,n,r)若)若(t,(t(t,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,r)若)若(t,(t)若(t,(t,n,n,(t,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)若r)}返回n[o] .exports}var i=typeof require==“function”&&require;for(var o=0;o多亏了loganfsmyth,我能够通过向props数组添加以下内容来解决问题:
transform: [[babelify, {presets: ["es2015"]}]]
不确定它是否符合dup的条件,因为它与CLI无关,但与其他内容有关。
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
class Car {}
},{}]},{},[1])
transform: [[babelify, {presets: ["es2015"]}]]