gulp-browserify-starter-faq
全部标签 在我当前的工作流程中,我需要创建browserify包,但也希望将非commonjsjs库连接到文件的开头以公开全局变量,同时减少http请求的数量和js文件的大小。(其他包可能也需要其中一些库)我目前有一个gulp任务,它创建browserify包并将任何需要的库连接到输出文件的开头,但是我发现在合并流时,我的源映射正在中断,并且在网络检查器中;生成的map只显示预丑化的browserify包,而不是单独的js模块。vargulp=require("gulp"),buffer=require('vinyl-buffer'),gulpif=require("gulp-if"),sour
背景我有这个gulpwatch任务来处理sass编译:importgulpfrom'gulp';importsassfrom'gulp-sass';importconcatfrom'gulp-concat';gulp.task("compile-scss",()=>{returngulp.src("assets/scss/**/*.scss").pipe(sass({outputStyle:'compressed'}).on("error",sass.logError)).pipe(concat("style.css")).pipe(gulp.dest("dist/css"));});
我正在使用gulp,我想知道它是否具有代码拆分功能。类似于webpacksite中提到的内容.我在网上看过,但没有看到任何专门用于此的内容。 最佳答案 我在网上找到这个gulp-split-files,我希望这能解决您的问题。正如作者在文档中所说的那样。在你的gulpfile中:constgulp=require("gulp");constsplitFiles=require("gulp-split-files");gulp.task("split",function(){returngulp.src("superMegaBigCs
我想报告我的JavaScript应用程序中未捕获异常的堆栈跟踪,但问题是包含的JavaScript是Browserify捆。这意味着当我获取异常堆栈时,它指的是包文件中的位置,即使JavaScript包包含源映射!如何将堆栈中的文件位置转换为原始源文件?我想这涉及到一些源映射的使用?下面是一个打印异常堆栈跟踪的示例程序:index.html索引.jswindow.onerror=(message,url,line,column,error)=>{console.log(`AnexceptionwascaughtforURL${url},line${line}:`,error.stack
我的一个依赖项使用以下内容将窗口传递给它的闭包(function(window){//})(this)暂时我可以将它更改为更合理的东西,这样它就不会破坏browserify,但是有没有什么方法可以在browserified模块中强制为this赋值? 最佳答案 我wroteabrowserifytransformcalled"moduleify"这通常应该做你想做的,即将有问题的代码包装在一个看起来有点像这样的IIFE中:(function(){//this===window}.call(window));事实上,myimplemen
所以我有这个脚本“source.js”。varm=require("somemodule");然后我用browserify构建了它:$browserifysource-obuild.js有什么方法可以在chrome|firefox控制台中访问m吗?因为node.js封装,m不是全局的... 最佳答案 browserify将事物包装在一个闭包中,专门用于限制范围(如节点)。使用全局(如节点)或窗口将事物注入(inject)共享范围。您还可以再次要求事物(如节点)以获取缓存的范围(相同的对象。)所以,这是在node或browserify
我创建了gulpfile.js并在其中使用了gulp-connectgulp.task('connect',function(){connect.server({root:'dev',livereload:true,port:8000});})当我运行gulpconnect时,它不会在localhost:8000上维护我的服务器。[14:08:51]Starting'connect'...[14:08:51]Serverstartedhttp://localhost:8000[14:08:51]LiveReloadstartedonport35729[14:08:51]Finished
我实在看不懂browserify背后的一些工作。使用纯JavaScript模块时,将其转换为浏览器代码似乎“很容易”,即使有很多依赖项也是如此。但是browserify做的更多:Manynpmmodulesthatdon'tdoIOwilljustworkafterbeingbrowserified.Otherstakemorework.Manynodebuilt-inmoduleshavebeenwrappedtoworkinthebrowser,butonlywhenyouexplicitlyrequire()orusetheirfunctionality.Whenyourequi
目前有没有办法做相对输出路径?内gulp-useref还是其他?我的现状:project_folder/app/index.htmlabout/index.htmlscripts/index.jsabout.js在index.html基于app/,一切正常:index.html文件位于scripts旁边文件夹,以便相对路径正确同步。但这是about/index.html:如果我像这样传递路径–../scripts/about.min.js–生成的about.min.js获取输出太远的一个文件夹,导致这种情况:project_folder/scripts/about.min.jsdist
我的问题从另一个问题开始,在这里问:Gulp:Howtosetdestfolderrelativetoprocessedfile(whenusingwildcards)?我有类似的情况,我需要在每个模块的基础上制作压缩版本。也就是说,我有ui/test/one/script1.jsui/test/two/script2.js我需要让gulp将文件复制到相关目录中,所以我最终得到了ui/test/one/compressed/script1.jsui/test/two/compressed/script2.js我有以下gulp任务gulp.task('test',function(){r