gulp相关内容

使用@import观察并编译更少的文件

我试着让自己的头脑around to,观看并编译一个.less项目+ livereload。 我有一个使用 @import 的style.less文件。 当我运行gulp任务时,它似乎并不了解导入。当我修改主文件时,gulp编译文件并刷新浏览器,但如果我只修改一个导入,则忽略这些更改。 这是我的gulpfile.js var gulp = require('gulp'); v ..
发布时间:2018-05-31 11:31:58 前端开发

使用webpack和gulp缩小,转换ES6代码的外部源映射

我正在写ES6代码,然后用Babel将它编译成ES5,然后用Uglify进行缩减。所有这些都通过gulp与webpack一起运行。我希望使用外部源映射(保持文件大小尽可能小)。 gulp任务是非常基本的 - 所有时髦的东西都在webpack配置中: var gulp = require(“gulp”); var webpack = require(“gulp-webpack”); ..
发布时间:2018-05-31 11:31:55 前端开发

gulp browserify reactify任务相当缓慢

我使用Gulp作为我的任务跑步者,并通过browserify捆绑我的CommonJs模块。 我注意到运行我的browserify任务非常慢,大约需要2 - 3秒,而我所拥有的就是React和我构建的一些非常小的组件 有没有加快任务的方法,或者我的任务中有任何明显的问题? gulp.task('browserify',function(){ var bundler = brow ..
发布时间:2018-05-31 11:31:53 前端开发

实时重新加载电子应用程序

我想使用VScode + Gulp + Electron的组合来构建应用程序。开发工作流程的一个很好的功能是将实时重新加载任务添加到我的Gulp监视任务中,以在每次更改时重新加载Electron应用程序。 任何想法如何实现此目标? 您的帮助非常感谢。 解决方案 我能够通过 gulp-livereload 插件。以下是仅用于重新生成CSS的代码。 $ b var gulp ..
发布时间:2018-05-31 11:31:46 其他开发

增量吞咽少构建

在我的办公室,我们正在使用gulp来建立我们较少的文件。我想改善构建任务,因为它花了一秒钟的时间来构建我们最近开发的一个大型项目。这个想法是缓存文件,只通过改变的文件。所以我开始使用谷歌,并发现增量构建的JavaScript昂认为这将是很容易重写他们少。这是我开始的那个: https://github.com /gulpjs/gulp/blob/master/docs/recipes/increm ..
发布时间:2018-05-31 11:31:43 前端开发

Gulp:如何创建编译多个SASS文件的任务?

我有以下 sass 任务,它将 app.scss 编译为 app.css 并重新载入页面: gulp.task('sass',function(){ return gulp.src('./ app / app.scss') .pipe(sass()) .pipe(gulp.dest('./ app')) .pipe(livereload()); }); 现在,我 ..
发布时间:2018-05-31 11:31:41 其他开发

Gulp Watch和Nodemon冲突

缺点:最近开始使用Gulp(从Grunt转换),并且试图将SASS / JS / HTML和gulp-nodemon(从npm)这两个Gulp的默认监视任务(不是nul的gulp-watch)在更改后重新启动Express服务器。当运行 gulp watch 时,它工作正常;当运行 gulp服务器(对于nodemon)时,它工作正常。但是,一起使用(在默认任务的配置中显示),手表的东西不起作用。该 ..
发布时间:2018-05-31 11:31:38 其他开发

与通知一起的咕嘟声错误

我想知道是否有一种方法可以让通知显示gulp-sass错误消息。最好是控制台中显示的实际消息。 我的大嘴巴任务看起来像这样: gulp.task 'styles',function(){ return gulp.src('src / scss / style.scss') .pipe(sass({style:'compressed',errLogToConsole:true})) ..
发布时间:2018-05-31 11:31:35 其他开发

如何在一个任务中执行多个gulp命令

我很难理解如何在单个任务中处理多个吞吐源。在这样的任务中: pre $ g $ g $ p $ gulp.task('task1',function(cb){ gulp.src ('src / js / ** / *')。pipe(gulp.dest('dist')); gulp.src('src / css / ** / *')。pipe(gulp.dest ('dist')); . ..
发布时间:2018-05-31 11:31:33 其他开发

你如何使用伊斯坦布尔的代码覆盖与编译脚本?

我一整个早上都在阅读文章,试图正确地设置我的环境。但由于某种原因,我没有得到它。我的设置 - / app ... source(混合js和ts) / scripts ...复制的源代码(js) typescripts.js //通过内联映射转录打字稿 测试运行正常,并且使用chrome调试器中的映射调试正确映射。但伊斯坦布尔将 typescripts.js 文件 ..
发布时间:2018-05-31 11:31:14 前端开发

gulp-“cli”是什么?代表?

$ npm install - 可以解释以下两种安装方法的区别:全球gulp-cli 和 $ sudo npm install -g gulp 在我看来,做同样的事情,除了第一个方法给我一个版本1.2.1,后者给我版本3.9.1 有人可以用简单的术语来说明究竟是什么差异?加上什么是“cli”代表? 解决方案 gulp-cli的 ..
发布时间:2018-05-31 11:31:10 其他开发

console.log到gulp事件的标准输出

我想在 gulp 任务正在运行或运行时登录到stdout(配置环境)。 类似这样: gulp.task('scripts',function(){ var enviroment = argv.env ||'development'; var config = gulp.src('config /'+ enviroment +'.json') .pipe(ngConstant( ..
发布时间:2018-05-31 11:30:58 前端开发

有没有一种方法可以重写HTML来使用gulp-minified CSS

我的gulpfile.js编译所有.less,将它缩小并将所有CSS连接到./dist/all.min。 css 有没有一种方法可以重写HTML文件,删除所有样式标签,并只将一个样式标签加载到缩小的CSS中? 解决方案 处理这个问题的最佳方法是使用一个HTML注入器。我现在使用 gulp-inject 取得了一些成功。 添加 ..
发布时间:2018-05-31 11:30:55 其他开发