Tag: gulp ecmascript 6

我可以使用Node运行在ES6中编写的Gulp任务吗？: 我通过Babel在Node上使用ES6。我可以使用run-babel脚本运行ES6脚本。所以，这将工作： node run-babel build.js //build.js is written in ES6 但是现在我想从Gulp任务中访问这些ES6脚本中的一个，但是Gulp运行在vanilla节点上。有没有办法在ES6中编写Gulp任务？

为什么用Webpack和Gulp这么大（> 1.9Mb）构build输出包？: 我通过node / npm使用webpack和webpack来构build和uglify浏览器应用程序。问题是输出app.js大约是1.9Mb。这似乎太大，并build议我可能错过了一些东西。我使用gulp build –release开始构build过程这是我的大嘴文件： import path from 'path'; import cp from 'child_process'; import gulp from 'gulp'; import gulpLoadPlugins from 'gulp-load-plugins'; import del from 'del'; import mkdirp from 'mkdirp'; import runSequence from 'run-sequence'; import webpack from 'webpack'; import minimist from 'minimist'; const $ = gulpLoadPlugins(); const argv = minimist(process.argv.slice(2)); const src […]

Gulp和Babel：错误：找不到模块: 我有一个项目，我已经build立了使用大gulp和babel 。一切工作正常，除了当我创build一个模块，并导入它从ES6转换到ES6它不起作用。我收到一个错误： Error: Cannot find module 'hello.js' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.require (module.js:468:17) 这是我的gulpfile.babel.js ： import gulp from "gulp"; import babel from "gulp-babel" import concat from "gulp-concat" const dirs = { src: "src", dest: "build" } gulp.task("build", () => { return gulp.src(dirs.src + "/**/*.js") .pipe(babel()) .pipe(concat("build.js")) .pipe(gulp.dest(dirs.dest)) }); gulp.task("default", ["build"]); […]

节点asynchronous脚本有时会意外结束: 我有一个节点脚本调用很多进程打包文件。大多数情况下，这种方法很好，但是偶尔也可能（每5次电话中平均有1次），它只停在中间，总是在同一个地方。具体而言，失败时的日志结尾如下所示： Finished task 1! Compiling jsajax.js… Compiling apps.js… 我没有得到任何错误或任何东西，所以我不知道甚至看什么。这里的设置是我的主文件（index.js）使用co和生成器来调用所需的asynchronous进程，并产生结果。其中的一部分是吞噬，这是发生这个问题的地方。我在这里包含了调用代码和gulp任务，因为剩下的代码太长，无法显示所有内容。如果您认为需要的话，我很高兴收录更多。谢谢！调用函数： const createJS = function* createJS () { try { yield gulpFile.createJS(); return 0; } catch(err) { console.error(err); return CONSTANTS.ERROR; } }; 吞噬任务： const createJS = function () { const buildProps = PropertiesReader('build.properties'), distLoc = buildProps.get('distLoc'), installLoc = buildProps.get('installLoc'), […]

使用Gulp with Babel错误导入: 我想用babel来编译我已经用一个简单的文件（routes / users.js）尝试的ES6代码，如下所示 import express from 'express'; var router = express.Router(); /* GET users listing. */ router.get('/', (req, res, next) => { res.send('respond with a resource'); }); export default router; 我已经添加到吞咽文件以下 gulp.task('esconverter', () => { return gulp.src('routes/users.js') .pipe(babel({ presets: ['es2015'] })) .pipe(gulp.dest('dist')); }); 我已经将任务添加到默认 gulp.task('default', ['esconverter' ,'nodemon'], () => { console.log("Done"); }); 当我运行它（gulp.js）时，我得到了以下错误 /Users/i0/Webs/blog10/bl/routes/users.js:1 (function […]

如何在es2015中导入rethinkdbdash: 我是在node.js中编程的新手。我已经安装了gulp-babel ，它把我的js文件放在/ src里，并把经过转换的源文件移动到/ dist文件夹（这个工作真棒）。我想使用rethinkdbdash而不是rethinkdb 。在es5中，我们将执行以下操作： var r = require('rethinkdbdash')(); 在es6中，使用导入的正确方法是什么？ import 'rethinkdbdash'; var r = rethinkdbdash(); 谢谢您的帮助。我希望答案也能帮助有同样问题的人。

'… paths.js'是什么意思在'gulp.src（，{base：'。'}）'？: 我有以下吞咽任务： // Compile ES6 to ES5 and copy to dist gulp.task('babel', () => gulp.src([…paths.js, '!gulpfile.babel.js'], { base: '.' }) .pipe(plugins.newer('dist')) .pipe(plugins.sourcemaps.init()) .pipe(plugins.babel()) .pipe(plugins.sourcemaps.write('.', { includeContent: false, sourceRoot(file) { return path.relative(file.path, __dirname); } })) .pipe(gulp.dest('dist')) ); 根据Gulp Doc（ gulp.src ），我了解到gulp.src会发出匹配提供的glob或者globs数组的文件。但是我无法理解这里'… paths.js'的含义。项目目录中没有以“paths.js”命名的文件。有没有人能帮我理解呢？

和谐旗帜如何运行？: 使用–harmony标志可以在node.js中实现同样的效果： node –harmony app.js 所以它会join对EcmaScript6的支持。如何用和谐旗运行gulp命令？

可以在es6中写一个大文件吗？: 问题：如何在ES6中编写我的gulp文件，这样我就可以使用import来代替require并在function()使用=>语法？我可以使用io.js或节点的任何版本。 gulpfile.js： import gulp from "./node_modules/gulp/index.js"; gulp.task('hello-world', =>{ console.log('hello world'); }); 错误： import gulp from "./node_modules/gulp/index.js"; ^^^^^^ SyntaxError: Unexpected reserved word gulp.task('hello-world', =>{ ^^ SyntaxError: Unexpected token => 在node_modules/gulp/bin/gulp.js我把第一行改成了#!/usr/bin/env node –harmony