草庐IT

Browserify-shim

全部标签

javascript - 使用 Gulp + Browserify 时,对象 #<Readable> 没有方法 'write'

当关注examplerecipe时来自Gulp.js存储库。我得到一个错误:[12:27:31]UsinggulpfileC:\GH\riot-tag-build\Gulpfile.js[12:27:31]Starting'browserify'..._stream_readable.js:602varwritten=dest.write(chunk);^TypeError:Object#hasnomethod'write'atwrite(_stream_readable.js:602:24)atflow(_stream_readable.js:611:7)at_stream_read

javascript - 如何将 browserify 添加到 yeoman 项目中?

我想为我的Yeoman项目使用browserify而不是RequireJS。你能告诉我如何交换它以便我的app/和test/可以利用module.exports和require()吗? 最佳答案 这是我做的:npminstallgrunt-browserify--save-devnpminstallcoffeeify--save-dev在Gruntfile.js中添加grunt-browserify步骤:browserify:{basic:{src:['/scripts/**/*.js','/scripts/**/*.coffee'

javascript - browserify 入门 : import local files?

我一直在制作一个JavaScript应用程序的原型(prototype),现在我想使用browserify进行更强大的设置,并使用require管理依赖项。目前我的应用程序中有以下文件:chart.jsform.jshighcharts-options.jsvendor/highcharts.jsjquery.jshighcharts-options.js基本上是一个常量列表,而chart.js看起来像这样......varmyChart={setup:function(data){...this.render(data);},render:function(data){...}},和

javascript - 如何使用 Grunt + Browserify + Reactify 转换 React ES6 类?

我想使用随Reactv0.13引入的新ES6React类,但我无法正确编译它。假设我在新类语法中定义了以下React组件:(function(){'usestrict';importReactfrom'react';class_UserDashboardextendsReact.Component{render(){return();}}exportconstUserDashboard=React.createClass(_UserDashboard.prototype);}());我在这里遇到的麻烦是在编译时使用Grunt和Browserify以及一个Reactifytransfor

javascript - 合并 JS 流时保留 sourcemaps(用 browserify bundle 连接 lib 依赖)

在我当前的工作流程中,我需要创建browserify包,但也希望将非commonjsjs库连接到文件的开头以公开全局变量,同时减少http请求的数量和js文件的大小。(其他包可能也需要其中一些库)我目前有一个gulp任务,它创建browserify包并将任何需要的库连接到输出文件的开头,但是我发现在合并流时,我的源映射正在中断,并且在网络检查器中;生成的map只显示预丑化的browserify包,而不是单独的js模块。vargulp=require("gulp"),buffer=require('vinyl-buffer'),gulpif=require("gulp-if"),sour

javascript - 如何将 Browserify 包中的堆栈跟踪转换为原始源代码位置?

我想报告我的JavaScript应用程序中未捕获异常的堆栈跟踪,但问题是包含的JavaScript是Browserify捆。这意味着当我获取异常堆栈时,它指的是包文件中的位置,即使JavaScript包包含源映射!如何将堆栈中的文件位置转换为原始源文件?我想这涉及到一些源映射的使用?下面是一个打印异常堆栈跟踪的示例程序:index.html索引.jswindow.onerror=(message,url,line,column,error)=>{console.log(`AnexceptionwascaughtforURL${url},line${line}:`,error.stack

javascript - 在 browserify 中将 window 传递给这个

我的一个依赖项使用以下内容将窗口传递给它的闭包(function(window){//})(this)暂时我可以将它更改为更合理的东西,这样它就不会破坏browserify,但是有没有什么方法可以在browserified模块中强制为this赋值? 最佳答案 我wroteabrowserifytransformcalled"moduleify"这通常应该做你想做的,即将有问题的代码包装在一个看起来有点像这样的IIFE中:(function(){//this===window}.call(window));事实上,myimplemen

javascript - 如何访问在 browserify 脚本中声明的变量

所以我有这个脚本“source.js”。varm=require("somemodule");然后我用browserify构建了它:$browserifysource-obuild.js有什么方法可以在chrome|firefox控制台中访问m吗?因为node.js封装,m不是全局的... 最佳答案 browserify将事物包装在一个闭包中,专门用于限制范围(如节点)。使用全局(如节点)或窗口将事物注入(inject)共享范围。您还可以再次要求事物(如节点)以获取缓存的范围(相同的对象。)所以,这是在node或browserify

javascript - browserify 如何使 Node.js 模块在浏览器中工作?

我实在看不懂browserify背后的一些工作。使用纯JavaScript模块时,将其转换为浏览器代码似乎“很容易”,即使有很多依赖项也是如此。但是browserify做的更多:Manynpmmodulesthatdon'tdoIOwilljustworkafterbeingbrowserified.Otherstakemorework.Manynodebuilt-inmoduleshavebeenwrappedtoworkinthebrowser,butonlywhenyouexplicitlyrequire()orusetheirfunctionality.Whenyourequi

javascript - Browserify:IE8 兼容性

我在一些地方看到它提到Browserify与IE8及更低版本不兼容(here、here,并暗指here)。我在文档中没有看到任何关于此的官方信息。看起来可能是使用Function.prototype.call()但我不能确定。有没有人确切知道:IE的支持程度哪些代码(如果有的话)与IE8不兼容针对IE8特别推荐的解决方法 最佳答案 我为我的图书馆使用Browserifyhttp://github.com/pllee/luc构建所有浏览器代码。我的测试通过了IE6,我使用的是ES5shim,但我认为这不会使Browserify工作(先