草庐IT

gulp-babel

全部标签

javascript - 将选项传递给 gulp-jshint

我正在使用gulp构建我的JavaScript。我想在连接文件之前对我的文件运行jshint,但我在设置选项时遇到了问题。我这样做对吗?varres=gulp.src(buildutil.produceFileGlob("./src",clientproperties)).pipe(exclude('**/test/**')).pipe(jshint({sub:false}})).pipe(jshint.reporter(stylish)).pipe(buildutil.jsmoduleConcat("myfile.js")).pipe(gulp.dest('./dist')).pip

javascript - 如何使用 gulp 构建 JavaScript 包?

我想使用gulp构建JavaScript文件包。例如我的项目中有以下结构:/vendor/vendor1/vendor1.js/vendor/vendor2/vendor2.js/js/includes/include1.js/js/includes/include2.js/js/bundle1.js/js/bundle2.js有vendor包含(1-2)、本地包含(3-4)和捆绑文件(5-6)。vendor包括的只是随bower安装的第三方JavaScript库或composer.它们可以是CommonJS、AMD或者只是一个普通的jQuery插件。我想像这样在捆绑文件中指定依赖项:

javascript - Gulp.js 在没有 browserSync 的情况下提供 src 文件?

用YeomanGulp-Angular搭建了一个新项目.我了解BrowserSync的前提,但坦率地说,我无法理解任何人如何容忍他们的网络请求被此淹没:我想立即从我的项目中删除BrowserSync。如何更正以下代码以便gulpserve并执行预览非缩小src文件的相同功能,但没有BrowserSync?这是我当前的gulp/server.js,默认由gulp-angular生成:'usestrict';vargulp=require('gulp');varbrowserSync=require('browser-sync');varbrowserSyncSpa=require('br

javascript - 在 ES6 + babel 中使用 bluebird promise 导入类(构造函数)

假设我创建了一个node.js库lib.jsexportclassC{constructor(value,callback){callback(false,`Hello${value}`);}task(value,callback){callback(false,"returned"+value);}}重要的部分是类的构造函数需要接受回调,因为它处理数据库连接和文件I/O。如果我现在导入并使用库回调样式,一切都很好(请参阅下面的c1)。我真的很想promise我使用它的库,使对象构造更方便(实际上它是一大堆类和方法)。但是,我找不到在promise-safe中正确地new类的方法。im

javascript - Chrome 中的 ES6 - Babel Sourcemaps 和 Arrow Functions 词法作用域

我在ES6class中有一个函数:classTest{//OmittedcodeforbrevityloadEvents(){$.get('/api/v1/events',(data)=>{this.actions.setEvents(data);});}}Babel将this转换为不同的形式,并生成一个_this变量来控制箭头函数的词法范围。var_this=this;$.get('/api/v1/events',function(data){_this.actions.setEvents(data);});当我在Chrome中使用源映射调试ES6类并在我调用this.actions

javascript - Gulp/Browserify 的 Redux NODE_ENV 错误

我在使用Browserify和Gulp缩小并打包并部署到Heroku的React/Redux应用程序上收到此错误消息。bundle.js:39您目前正在NODE_ENV==='production'之外使用缩小代码。这意味着您正在运行较慢的Redux开发版本。但构建步骤似乎是在NODE_ENV='production'中完成的。我有一个像这样设置环境变量的任务gulp.task('apply-prod-environment',function(){returnprocess.env.NODE_ENV='production';});Heroku上的日志显示ENV正在生产:为了保证ap

javascript - babel-preset-env 语法错误 : Unexpected token with spread properties

为什么它不接受传播属性?为此,我正在使用babel-preset-env。.babelrc{"presets":["react",["env",{"targets":{},"debug":true,"modules":"commonjs"}]]}package.json{"name":"myapp","version":"0.1.0","main":"index.js","private":true,"dependencies":{"babel-core":"6.25.0","babel-loader":"7.1.1","babel-preset-env":"^1.6.0","babe

javascript - 混合 grunt 和 gulp

在我参与的所有Angular项目中,我一直在使用grunttaskrunner。目前,我找到了一个gulp-protractor-qagulp的插件,可以在测试中即时监视我所有的元素选择器。它擅长它的功能,但现在我必须为另一个构建系统设置一个单独的gulpfile.js配置(我无法在grunt插件中找到合适的替代方案).可以在一个项目中同时使用grunt和gulp构建系统吗?在这种情况下,普遍接受的行动是什么?gulp-protractor-qa只是一个例子。我可以想象,当我在两个构建系统中需要不同的合适插件并且必须做出选择时,这会再次打击我:尝试坐在两把椅子上?

javascript - 使用 gulp-rev 后如何将修订后的文件包含到 .html 中?

所以我在gulp中创建了这个任务:'usestrict';vargulp=require('gulp');vargulpGlobals=require('./_gulp-globals.js');varrev=require('gulp-rev');varrevReplace=require('gulp-rev-replace');gulp.task('gulp-rev',function(){varsources=gulpGlobals.src+'/somefolder/**/*.js';varfileToInject=gulpGlobals.destination+'/somefo

javascript - 如何使用 Babel 作为 CLI 程序?

我正在尝试使用Babel在Node上编写一些CLI程序。我看过问题HowdoIusebabelinanodeCLIprogram?还有loganfsmyth说:Ideallyyou'dprecompilebeforedistributingyourpackage.好的,现在我正在使用:"scripts":{"transpile":"babelcli.js--out-filecli.es5.js","prepublish":"npmruntranspile",}但是,当Babel在#!/usr/bin/envnodeheader后面添加'usestrict';行时,我遇到了这个问题。例如