Articles of browserify

需要模块并获得空的对象

我已经使用Browserify在浏览器中使用一些节点模块,应该加载require.js,如下所示: 问题是,在定义函数中,我得到了空的对象,任何想法? 我做的是: npm install -g browserify 然后 npm init & npm install lebab –save 创build文件main.js并把下面的代码 var lebab = require("lebab"); 并运行命令 browserify –standalone someName main.js | uglifyjs > bundle.js 它成功完成 把bundle.js文件放在converter / service文件夹下 并试图要求如下: define(["converter/service/bundle"], function (bundle) { 捆绑对象是空的 JS对象,任何想法为什么?

如何在React Native和VSCode中使用带(或不带)Typescript的Nodestream

我使用ReactNativify (而不是更多的hacky的rn-nodeify方法)将一些基于Node的软件包移植到React Native,以在依赖关系树中浏览/ 清除 Node API对象。 我正在开发VSCode。 使用ReactNativify,您可以在.babelrc中使用babel-plugin-rewrite-require (或者在rn-cli.config.js + transformer.js使用javascript): { … "plugins": [ ["rewrite-require", { "aliases": { "constants": "constants-browserify", "crypto": "react-native-crypto", "dns": "node-libs-browser/mock/dns", "domain": "domain-browser", "stream": "stream-browserify", "_stream_duplex": "readable-stream/duplex", "_stream_passthrough": "readable-stream/passthrough", "_stream_readable": "readable-stream/readable", "_stream_transform": "readable-stream/transform", "_stream_writable": "readable-stream/writable", … etcetera } }] … } ( 在这里看一个完整的例子) 这工作得很好,我在VSCode中得到了很好的代码完成/智能感知等。 现在我想在如下的MyStream.js使用Node的Stream: import { Duplex } from 'stream' […]

不能捆绑js

所以我试图利用“简单同行”库,但在他们的Github上说,你需要使用browserify来捆绑它。 所以我安装了browserify,通过npm(创build了一个名为node_modules的文件夹)下载了库,在node_modules所在的文件夹中创build了一个名为js的文件夹,其中包含以下内容的main.js文件: var _ = require('core-util-is'); var _ = require('debug'); var _ = require('get-browser-rtc'); var _ = require('inherits'); var _ = require('isarray'); var _ = require('ms'); var _ = require('process-nextick-args'); var _ = require('randombytes'); var _ = require('readable-stream'); var _ = require('safe-buffer'); var _ = require('simple-peer'); var _ = require('string_decoder'); var _ = require('underscore'); var […]

如何解决以下浏览错误?

我是新来的使用gulp和browserify。 我正在尝试使用browserify和gulp在线教程。 以下是我的package.json { "name": "progressive", "version": "1.0.0", "description": "Practcing a Progressive Web App", "scripts": { "start": "node ./index.js" }, "author": "Indu Pillai", "devDependencies": { "browserify": "^13.1.0", "gulp": "^3.8.8", "gulp-browserify": "^0.5.1", "gulp-clean-css": "^2.0.13", "gulp-concat-css": "^2.3.0", "gulp-if": "^2.0.1", "gulp-sourcemaps": "^2.2.0", "gulp-uglify": "^2.0.0", "gulp-util": "^2.2.20", "gulp-webserver": "^0.8.8", "jquery": "^3.1.1", "sw-precache": "^4.2.1" }, "dependencies": { "handlebars": "^4.0.5" } […]

“process.binding不支持”browersify gulp-sass

以下代码示例在使用browserify创buildbundle.js时会产生以下错误: process.binding is not supported 问题1 : 如何解决错误? 看起来“Browserify只填补某些常见的特定于Node的属性”和(我认为也可能是问题的一部分),fs模块将不能在客户端上工作。 到目前为止,我尝试安装brfs: browserify -t brfs basic.js –standalone MyLibrary > bundle.js 并安装browserify-fs browserify -r fs:browserify-fs 但仍然有错误 位更多上下文:我想使用broswerify编译一个bundle.js,所以我可以实现一些任务运行客户端。 我有一个angular度的Web应用程序,它会生成一个可以下载的JSON输出文件。 我也有一个使用npm的基于gulp的构build框架。 构build基于从web应用输出的json运行。 我想连接这两个进程,所以可以通过应用程序触发模板。 由于许多像fs这样的软件包似乎有客户端问题,我遇到了困难。 我不知道这个问题是不是我正在钻研的东西超出了我目前的知识,只是不使用brfs / browserify-fs来正确地解决事情,或者我只是用一个坏的解决scheme,我想要开始。 问题2: 有没有比我正在采取的更好的方法? 谢谢! basic.js "use strict"; var gulp = require('gulp'); var sass = require('gulp-sass'); var mergeJSON = require("merge-json") ; module.exports = MyLibrary; function […]

如何使用Browserify通过HTML运行Node.js代码

我安装了Browserify,并将其加载到我的HTML文件中: <script src="bundle.js"></script> 但是当我从我的home.js文件运行网站时,即使bundle.js文件存在,并且正好在home.js旁边,我home.js收到以下错误: GET http:// localhost:5000 / bundle.js net :: ERR_ABORTED 我也从我的其他JavaScript文件(我认为是因为上述错误导致Browserify未导入)的其他错误: 未捕获的ReferenceError:require是未定义的 我该如何解决?

是否有可能通过浏览器创build到redis服务器的连接?

是否有可能通过浏览器创build到redis服务器的连接? 你可以使用var client = net.connect(port, host);来启动一个TCP连接var client = net.connect(port, host); 。 我想知道是否有在浏览器中使用Browserify或本地方式来连接到服务器吗? 谢谢!

如何使用browserify使用非commonjs库?

我想使用OpenLayers与Borowserify中间件,这里是我的代码文件app.js , main.js和index.html 我能够正确地显示地图,但有关正确使用browserify-middleware的问题很less 当在浏览器中下载时,main.js文件大小是原始文件(main.js + OpenLayers.js)的两倍,因此加载时间太长。 为什么文件大小是双倍的? 文件末尾有一些编码文本。 如何将非commonjs库定义为外部? 我遵循这里的指示,但无法实现。 我在OpenLayers.js的最后添加了{module.exports = OpenLayers}

为浏览器生成node-xmpp脚本

我正在开发一个应用程序的PHP。 我需要在xmpp nodejs上聊天。 发送消息将从网页发送。 我在这里find了input链接描述 。 在terminal一切正常。 但是,如何将客户端脚本附加到浏览器? 我通过以下方式生成脚本: browserify node_modules/node-xmpp/lib/node-xmpp-browserify.js > nodeXmpp.js并将其附加到网页: 然后尝试使用它: $(document).ready(funcrion(){ var client = new XMPP.Client({ jid: 'user@example.com', password: 'password' }); }); 和铬控制台告诉我: 无法加载StringPrep-0.2.3绑定(使用后备)。 你可能需要npm install node-stringprep nodeXmpp.js:3669 event.returnValue已被弃用。 请改用标准的event.preventDefault()。 的jquery.js:3254 Uncaught TypeError:Object#has no method'resolveSrv' 对象# – 它的“DNS”。 在生成脚本之前,我安装node-stringprep。 问题是如何为浏览器构buildxmpp客户端脚本。

如何使用inrif和browserify进行压缩需要将path缩减为整数

有一个名为inride的项目,由substack ( browserify的作者)。 它说它可以压缩需要的path到整数。 例如它可以转换这个代码: (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ module.exports = function (n) { return n * 111 } },{}],2:[function(require,module,exports){ var bar = require('./bar.js'); module.exports = function (n) { return n * bar(1) }; },{"./bar.js":1}],3:[function(require,module,exports){ var foo = require('./foo.js'); […]