jjzjj

gulp-babel

全部标签

ruby-on-rails - gulp 插件 gulp-ruby-sass 不编译

Gulp插件gulp-ruby-sass(https://github.com/sindresorhus/gulp-ruby-sass)编译不通过,终端报错如下?Error:mustprovidepattern这是gulpfile.js的详细信息vargulp=require('gulp'),uglify=require('gulp-uglify'),sass=require('gulp-ruby-sass');gulp.task('styles',function(argument){gulp.src('sass/app.scss').pipe(sass()).pipe(gulp.d

css - gulp-ruby-sass - 'sass' 未被识别为内部或外部命令、可运行程序或批处理文件

我正在尝试在Windows上运行gulp-ruby-sass。我已经像这样安装了Ruby和Sass:$gem安装sass我的gulp.task看起来像这样:gulp.task('styles',function(){returnsass('src/scss/**/*.scss').on('error',sass.logError).pipe(gulp.dest('css'));});当我进入元素的根目录并运行$gulpstyles时,我明白了:[22:54:52]Usinggulpfilec:\wamp\www\wordpress\wp-content\themes\bootscore

javascript - 我应该将哪些 Babel 转换器列入 Chrome 应用程序的黑名单?

我正在编写ES6+代码并使用Babel对其进行编译(目前使用{stage:0}作为我的.babelrc配置)。所以我正在将所有内容编译到ES5。但我专门针对Chromev47+,它本身支持一些ES6+功能。默认Babeltransformers哪个我可以将我的代码列入黑名单(禁用)并仍然在Chrome47+中运行吗? 最佳答案 可用的ES6+功能Takealookatthispage查看Chrome和thispage中默认完全实现和启用的功能对于它们对应的Babel转换器。ES6FeatureReleaseBabelTransfor

javascript - Gulp.js 与基础/compass

有没有人成功让Gulp-sass与foundation4/5一起工作(最好使用compass?)该应用程序成功地使用了基础4,没有gulp,使用compasswatch。但我想开始使用gulp来简化我的sass/coffee/minification编译。这是我的gulpfile.jsvargulp=require('gulp'),util=require('gulp-util'),sass=require('gulp-sass'),coffee=require('gulp-coffee');varpaths={scripts:{src:'src/coffee/**/*.coffee'

javascript - 使用 gulp-if(或其他方式)有条件地启用 gulp-watch

基本上我想设置我的任务,这样如果我执行gulpless--watch它就会监视,否则就进行构建。这是我目前所拥有的:'usestrict';vargulp=require('gulp');varless=require('gulp-less');vargulpif=require('gulp-if');varwatch=require('gulp-watch');varcli=require('minimist')(process.argv.slice(2));gulp.task('less',function(){returngulp.src(['./client/styles/st

javascript - 使用 Gulp Header 在 Header 文件中包含当前年份

是否可以使用GulpHeader在头文件中打印出当前年份??这是我想做的一个例子:varbanner=['/**','*Copyright(c)2014Cofey','*-','*@versionv','*@link','*@license','*/',''].join('\n'); 最佳答案 看起来gulp使用lodash模板;你应该能够包含任意JavaScript:varbanner=['/**','*Copyright(c)Cofey','*-','*@versionv','*@link','*@license','*/','

javascript - TinyMCE gulp 配置

我正在构建一个Web应用程序,我想使用TinyMCE。我正在使用gulp和browserify。我已经通过npm下载了TinyMCE并且我在我的app.js文件中需要它并运行gulp命令但是我得到了这个错误Failedtoload:root/js/themes/modern/主题.js。我认为这是因为TinyMCE需要其文件夹中的其他文件。我的问题是如何配置TinyMCE以在node_modules/tinymce文件夹中搜索这些文件。 最佳答案 这里的答案完全取决于您如何在Gulp构建中打包文件。我现在仍在解决同样的问题,但这里有

javascript - 如何在浏览器中使用 Babel 6 外部助手?

首先是问题:在哪里可以找到external-helpers.js脚本,或者如何为Babel6构建外部帮助程序?在Babel5.x中,我可以使用externalHelpers选项,它需要包含external-helpers.js,它曾经在babel-core中包裹。转到Babel6,我看到external-helpers现在是external-helpers-2插入。这会在我的转译代码中包含相关的babelHelper调用,仅此而已;我需要实际的助手定义!在问题addmissingbuildscriptforexternal-helpers.js,建议“使用CLI自行构建”。我没有看到任

javascript - Gulp - 缩小 JS 并写入相同的目的地

我目前正在重构一个项目,之前所有缩小的JavaScript文件都放在一个特定的目录中。现在我需要将缩小版本保留在与其源文件相同的目录中。目前我这样做:gulp.task('scripts',function(){returngulp.src(source_paths.scripts).pipe(uglify({preserveComments:'false'})).pipe(rename({suffix:".min"})).pipe(gulp.dest('./build/js')).pipe(notify({message:'Scriptstaskcomplete!',onLast:t

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten