草庐IT

gulp-browserify-starter-faq

全部标签

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 - 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 - 混合 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 - 使用 Browserify 设置 Karma 以测试 React (ES6) 组件

我在使用Karma+Browserify为某些React组件设置测试配置时遇到了问题。提到代码是用ES6编写的,我已经升级到最新的Babel版本(6+),我认为这是此配置中万恶之源。由于Babel现在已拆分并具有这种基于插件的方法(预设),我不确定我应该如何在karma.conf文件中指定它。我当前的配置如下所示:module.exports=function(config){config.set({basePath:'',browsers:['PhantomJS'],frameworks:['browserify','jasmine'],files:['app/js/**/*','a

javascript - gulp 网络服务器和 livereload

我的gulp网络服务器有问题。我有这个gulp任务:gulp.task('serve',['watch'],()=>{gulp.src('tmp').pipe(webserver({livereload:true,directoryListing:true,open:true,//defaultFile:'index.html'}));});运行gulpserve时,我在localhost:8000上看到以下屏幕:似乎网络服务器正在为我的项目的根目录提供服务,而不是tmp文件夹,奇怪的是,如果我单击index.html,我将被重定向到http://localhost:8000/inde

javascript - 如何使用对象列表作为 gulp 源流

我知道gulp需要vinyl源流才能正常工作,但是有没有一种简单的方法可以使用已经存在的vinyl文件或json对象而不是众所周知的只需要glob的gulp.src? 最佳答案 经过多次研究,我没有找到解决该问题的好方法,所以我决定与您分享我的解决方案。这个问题分两步解决1:您需要将任何想要通过gulp传输的内容转换为乙烯基文件。可以这样做constVinyl=require('vinyl');varvinyl=newVinyl();vinyl.cwd='/';vinyl.base='/';vinyl.path='/yourfict

javascript - 使用 gulp 生成文件

我有一个项目,其中包含多个名为setup.js的文件,位于我的/src文件夹的各个子文件夹中。我想要一个gulp任务,将所有setup.js文件复制到/dist文件夹并保留子文件夹结构。这部分很简单。棘手的部分是我还想在\dist文件夹中的每个setup.js文件旁边生成一个index.html文件。index.html文件对于所有这些文件将完全相同,只是它需要使用相对于/dist文件夹的路径来引用setup.js脚本。我知道我可以使用类似gulp-template的东西动态呈现html文件,但我不知道如何将setup.js的路径传递给它。而且我不知道如何为每个setup.js创建一个

javascript - 需要使用 Browserify 和 browserify-rails 的 sprockets 预处理文件

我正在使用browserify-rails我正在尝试让sprockets预处理包含sprockets指令的文件,这样当我使用browserifyrequire()它时,它将包含生成的JavaScript。sprockets指令尝试包含gemjs-routes的输出,以便让我从客户端访问Rails路由。这是我的设置(在app/assets/javascripts中):system/rails_routes.jsapplication.jsapplication.js是主文件,它运行应用程序的其余部分。我希望能够做类似的事情varrr=require("./system/rails_rou

javascript - 如何在修复文件时连续自动运行 gulp eslint -- 如何设置 watch

我正在尝试使用gulp进行eslint。我已经设置了这样的任务:gulp.task('lint',function(){returngulp.src(['components/myjs.js'])//eslint()attachesthelintoutputtotheeslintproperty//ofthefileobjectsoitcanbeusedbyothermodules..pipe(eslint())//eslint.format()outputsthelintresultstotheconsole.//Alternativelyuseeslint.formatEach()