草庐IT

gulp-browserify-starter-faq

全部标签

javascript - Laravel 5 扩展 Elixir 以包含 browserify

我的browserify工作流程(从coffee到js,使用browserify-shim和coffeeify)是这样的:我有2个主要文件,app.coffee和_app.coffee,分别用于前端和后端。这两个文件分别位于resources/coffee/front和resources/coffee/back中。我正在尝试在laravelelixir中包含browserify任务,因此结果文件将位于public/js/app.js和public/js/_app.js并且稍后可以修改到build文件夹。到目前为止,我已经尝试通过在elixir的node_modulesingredien

javascript - 当 gulp 为应用程序提供服务时,如何在 webstorm 中调试 Javascript

在Webstorm中,我正在运行gulpserve任务来启动localhost:9000stubAngular项目,该项目由yo生成。我正在尝试调试JavaScript代码,这是我尝试过的:我将gulp作为调试任务运行,我只能调试gulp文件行我尝试在JavaScript之前运行gulpserve,它开始服务,而Webstorm从未启动它的JavaScript调试session我尝试运行JavaScript调试,但我的代码中没有出现断点。这种情况下的工作流程是什么?附言。我不想在chrome开发人员工具中调试代码,我希望我的断点在Webstorm中工作 最佳

javascript - 使用 browserify 异步/延迟加载 Vue 组件

我试图在laravel项目中将许多Vue.js组件加载到我的app.js文件中(通过elixir使用browserify/vueify)。我不想一次加载每个组件,而是想在需要时使用vuerouter延迟加载各个vue组件。.我在哪里设置partitionbundlejson文件,它应该如何构建?目前,我将以下内容绑定(bind)到我的主要app.js文件中:importVuefrom'vue';importResourcefrom'vue-resource';importVueRouterfrom'vue-router';//ThesearethecomponentsthatIwish

javascript - 如何使用 Gulp 压缩 ES6

我对手动编写gulpfile.js比较陌生。我有一个基于Backbone和Marionette的项目,到目前为止,gulp文件如下所示:vargulp=require('gulp');var$=require('gulp-load-plugins')();varbrowserify=require('browserify');vardel=require('del');varwatchify=require('watchify');varsource=require('vinyl-source-stream');varstylish=require('jshint-stylish');

javascript - Gulp Watch Concat 有时会忽略一些 JS 文件

我有一个Gulpconcatwatch任务设置来连接一些JS文件:varsources=['public/js/scriptA.js','public/js/scriptB.js','public/js/scriptC.js','public/js/scriptD.js','public/js/scriptE.js'];gulp.task('main.js',function(){returngulp.src(sources).pipe(concat('main.js')).pipe(gulp.dest('./public/js'));});gulp.task('watch',func

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - Gulp Browserify 中的标准错误日志

有了这个任务:gulp.task("es6",function(){returnbrowserify({entries:'src/main/es6/main.js',extensions:['.js'],debug:true}).transform(babelify).bundle().pipe(source('superpos.js')).pipe(streamify(uglify())).pipe(gulp.dest('src/main/webapp'));});我得到这种错误日志:清晰漂亮,我喜欢。但是为了让我的watch继续运行,我需要处理错误而不是让它过去,比如....tra

javascript - 由于大数据 js 文件,browserify 和 babelify 非常慢

我有一个nodejs项目,它使用大型字典列表(数百万个条目),存储在js文件中,如下所示:module.exports=["entry1","entry2","entry3","entry4","entry5",etc.];然后我像这样从其他文件中使用它们:varvalues=require('./filePath');这很好用,也可以在浏览器中使用(使用browserify),但是捆绑需要很长时间——大约10分钟。我使用以下命令创建包:browserify"./src/myModule.js"--standalonemyModule-t[babelify--presets[es201

javascript - 使用 gulp-useref 和 gulp-less 编译 LESS?

我正在尝试使用gulp-useref插件编译我的LESS文件,但好像gulp-less插件从未在管道中输出我的LESS文件的编译版本。LESS文件在未编译的情况下与其他CSS文件连接在一起。我尝试仅使用gulp-less单独编译我​​的LESS,它运行良好,但我不知道为什么它似乎与gulp-useref插件冲突。这是我的gulp文件:vargulp=require('gulp');varrm=require('gulp-rimraf');vargulpif=require('gulp-if');varless=require('gulp-less');varcssmin=require

javascript - 如何使用流作为 Browserify 的输入?

在Gulp中,我尝试编译TypeScript,连接它,然后通过Browserify运行它来处理require(然后在生产模式下if之后进行uglify)。Thissamplecode是我发现的最接近我正在尝试做的事情,但是它使用了一个中间文件。如果可能的话,我宁愿将事情保留在流中以避免中间文件的开销。由于Browserify输出一个流,它似乎也应该知道如何接受一个流。相关代码:vargulp=require('gulp');varbrowserify=requvarconcat=require('gulp-concat');varsourcemaps=require('gulp-sou