jjzjj

browserify

全部标签

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工作(先

javascript - Browserify 与多个包的效率

我是Browserify的新手,我正在尝试弄清楚如何在客户端需要下载多少方面提高效率。我有一个网络应用程序,它使用许多不同的第3方库和自定义代码。对于Browserify,人们建议的一般方法似乎是将所有内容打包到一个大的bundle.js中。由于以下几个原因,这对我来说似乎非常低效:例如,假设您的bundle.js包含lib1、lib2、lib3、customLib。如果您的Web应用程序的一部分只需要lib1,客户端仍然需要下载一个巨大的bundle.js,并且它最终没有使用其中的75%。浪费字节下载。不必要地增加了页面加载时间。如果您的customLib是您经常迭代的一段代码,那么

javascript - Browserify 错误结束 gulp 监视任务

我的gulpfile.js中有以下设置:gulp.task('browserify',function(){browserify(config.paths.browserifyEntry).transform(reactify).bundle().pipe(source('master.js')).pipe(gulp.dest(config.paths.dist))//.pipe(connect.reload());});gulp.task('watch',function(){gulp.watch(config.paths.components,['browserify']);gul

javascript - 使用 browserify 或 webpack bundle 后访问 "public"成员

我有一个test.js脚本,它定义了一个类App并从HTML文件加载,一切正常。当我使用browserify或webpack从test.js创建一个testBundle.js包时,testBundle中的类App.js似乎不再定义。我应该如何编写代码或者我应该给browserify什么选项来定义应用程序并像以前一样从HTML中使用它,但是从包中?。我在打包后得到的错误是:UncaughtReferenceError:Appisnotdefinedhtml文件如下:varapp=newApp();测试.js:'usestrict';classApp{constructor(){conso

javascript - 从 gulp 中使用 browserify 时如何将 'require' 暴露给浏览器?

当我有一个看起来像这样的x.js文件时:x.jsmodule.exports=function(n){returnn*111}然后我像这样从命令行运行browserify:browserify-r./x.js>bundle.js我得到一个看起来像这样的输出文件(大致):require=(functione(t,n,r){function......./App.jsx":[function(require,module,exports){module.exports=require('0+DPR/');},{}]},{},[])然后在我的浏览器代码中我可以这样做:Reactserverr

javascript - 需要没有 Browserify、Webpack 或 Babel 的 reactjs 模块

我正在尝试在visualstudio中设置TypeScriptHTML应用程序。我想使用reactjsv0.14.7我想避免使用像Browserify这样的工具。但是,如何使用react-dom模块呢?让我们暂时忘掉typescript。我需要先启动并运行纯ES5。目前,我有这个:varButton=React.createClass({render:function(){return(React.createElement("div",{className:"btnbtn-default"},'helloworld'));}});ReactDOM.render(React.creat

javascript - 更新到 Angular 1.3.0 不再工作

我正在使用Browserify来包装所有内容。我刚刚从1.2.23升级到1.3.0,现在出现以下错误:Firefox错误TypeError:angular.moduleisnotafunctionvarapp=angular.module('login-Controller',['Views']);----------^明确表示未定义Angular。所以我输出了Angular输出varangular=require('angular'),console.info(angular);//Object{}='sanemptyobject这是否意味着Angular不再与browserify兼