草庐IT

gulp-browserify-starter-faq

全部标签

javascript - 如何将 Webpack 生成的文件传递给 Gulp 流

考虑到以下WebpackGulp任务,如何将其与Gulp集成,以便在编译Webpack后将文件通过管道传输到Gulp,以便我可以运行进一步的任务?gulp.task('webpack',function(callback){webpackCompiler.run(function(err,stats){if(err){thrownewplugins.util.PluginError('webpack',err);}plugins.util.log('webpack',stats.toString({colors:true,}));callback();});});gulp.task('

javascript - Gulp 实时重载

我有一个用Node.js构建的网站。我可以通过从命令行运行nodeserver.js来成功启动和运行站点。然后,我通过在浏览器中访问“http://localhost:3000”来访问该站点。我现在正在尝试改进网站周围的一些构建过程。为此,我依赖Gulp。我想在HTML或CSS文件发生更改时自动重新加载网页。我偶然发现了gulp-livereload插件。我已经按照文档中的描述安装了它。但是,当我在浏览器中访问“http://localhost:35729/”时,我只看到以下内容:{minilr:"Welcome",version:"0.1.8"}我的gulp任务是这样配置的:gulp

javascript - 为什么 Gulp 无法在更改时自动重新处理我的 JS?

在我的gulpfile.js中,JS更改会自动触发BrowserSync重新加载和我的JS处理任务。但出于某种原因,虽然重新加载确实有效,但我的JS任务无法正确处理JS更改并在dist/文件夹中创建新的JS文件。我必须为此重新启动Gulp。为什么?Gulpfile.js:vargulp=require('gulp');varsass=require('gulp-sass');varbrowserSync=require('browser-sync').create();varconcat=require('gulp-concat');varjshint=require('gulp-js

javascript - 在使用 webstorm 开发期间调试 gulp 插件的最佳方法是什么

我正在尝试寻找在使用webstorm进行开发期间调试gulp插件的最佳方法。我有一个项目示例和几个gulp插件,我想在终端中运行gulp命令后立即跟踪和检查webstorm中的代码。理想情况下,我想在webstorm中添加debugger语句或断点来跟踪代码执行。 最佳答案 使用这个guide(无耻的self推销)来设置你的配置。然后调试应该按原样工作。此外,您不需要单独从命令行运行gulp,因为webstorm会为您完成。 关于javascript-在使用webstorm开发期间调试g

javascript - Gulp Browsersync 每次文件更改都会导致多次重新加载

我将browsersync与Gulp结合使用,在特定文件更改时运行一些任务。每当我保存文件时,我的终端中都会出现10多个[BS]ReloadingBrowsers...并且性能缓慢是可以理解的。这是我的gulpfile:gulp.task('bowerJS',function(){gulp.src(lib.ext('js').files).pipe(concat('lib.min.js')).pipe(uglify()).pipe(gulp.dest('app/assets/js'));});gulp.task('bowerCSS',function(){gulp.src(lib.ex

javascript - 创建 Gulp 任务以缩小/连接文件以将来自多个目录的源代码打包到各自目录中的文件中

我正在编写一个具有以下结构的Angular项目:js/components/component1/component1.directive.jscomponent1.controller.jscomponent1.factory.jscomponent1.rest.service.jscomponent2/component2.factory.jscomponent2.rest.service.jsvendor/angular/jquery/home.jspage2.js组件是共享资源,直接驻留在js/下的文件是所需组件和vendor库的包。我想用gulp做的是创建一个任务,该任务将从

javascript - Nodemon 重启运行 gulp 任务

我的gulpfile中有以下代码gulp.task('scripts',function(){gulp.src(paths.browserify).pipe(browserify()).pipe(gulp.dest('./build/js')).pipe(refresh(server));});gulp.task('lint',function(){gulp.src(paths.js).pipe(jshint()).pipe(jshint.reporter(stylish));});gulp.task('nodemon',function(){nodemon({script:'app.

javascript - Gulp - 从 javascript 文件中删除注释

我正在寻找一种使用gulp从javascript文件中删除所有评论的方法。例如,我有以下代码:/****Comment1-Thisismyjavascriptheader*@desccommentheadertoberemoved*@paramsreq,res*/(function(){varhelloworld='HelloWorld';//Comment2-thisisvariable/*Comment3-thisistheprinting*/console.log(helloworld);})()我的预期结果是:(function(){varhelloworld='HelloWo

javascript - 使用 babel.js 而不是 browserify 编译成 bundle

我从babel.js开始使用JavaScriptES6功能,但是我遇到了一个问题我目前正在使用browserify构建我的应用程序,并使用以下命令进行react。browserify-treactifyapp/main.js-opublic/scripts/bundle.js现在我想在babel中使用等效命令来捆绑我需要的模块,用ES6编写到bundle.js。这不起作用,只是给我一个ES5版本的main.js文件。babelapp/main.js-opublic/scripts/bundle.js但是我可以使用babel将我的bundle.js文件编译成ES6版本,有2个命令brow

javascript - $ 不是函数。 Backbone 、jQuery 和 Browserify

我正在使用browserify创建Node应用程序以模块化前端代码。不幸的是,我无法让Backbone工作,因为它抛出了这个错误:UncaughtTypeError:Property'$'ofobject#isnotafunctionjQuery在此脚本之前加载:var_=require('underscore'),Backbone=require('backbone');//Here,jQueryworksfine.$(function(){Backbone.history.start();});使用browserify时,Backbone似乎找不到jQuery。