Tag: browserify

如何使用browserify“删除”/“更改”一些需要(…)调用?

我有应用程序写在Node.js需要一些NPM模块(反应,反应路由器等)。 当我运行browserify,然后所有的npm模块被“注入”到bundle.js文件。 我想要的是为bower提供分发,不包括bundle.js文件中的反应和反应路由器依赖项,因为它们可以在bower.json中作为依赖项引用。 app.js: var React = require('react') React.render(…) 在bundle.js中,与app.js一起被注入 我需要bundle.js不会包含反应,并会假设它在全局(窗口)范围内可用。 bundle.js: React.render(…) 或者像这样的东西: var require = function(name){ return window[name] } var React = require('react') React.render(…) 所以基本上我想告诉browserify,有些模块可以在window范围内find,而不必注入到bundle.js中。

将一个大的node.js应用程序捆绑到一个.js文件中

我想将一个大型的node.js cli应用程序捆绑到一个.js文件中。 我的代码结构如下: |- main.js |–/lib |—-| <bunch of js files> |–/util |—-| <bunch of js files> …etc 我可以使用browserify将整个事件绑定到一个使用main.js作为入口点的文件中,但是Browserify假定运行时环境是一个浏览器并且replace了它自己的库(例如browserify-http http )。 所以我正在寻找一个browserify-for-node命令 我试过跑步 $ browserify -r ./main.js:start –no-builtins –no-browser-field > myapp.js $ echo "require('start') >> myapp.js 但是当我尝试运行$ node myapp.js时,出现了一些错误。 这个想法是,除了核心节点依赖关系以外,具有所有依赖关系的整个应用程序现在都在单个源文件中,并且可以运行 $ node myapp.js 更新 ============= JMM的答案如下,但只在我的机器上。 绑定仍然不能捕获所有的依赖关系,所以当我尝试在另一台机器上运行这个文件时,我得到了依赖性错误 ubuntu@ip-172-31-42-188:~$ node myapp.js fs.js:502 return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode); […]

Browsewrity与打字稿模块 – 什么是最好的devise实践?

我有一个browserify JavaScript项目,在那里我包含require语句的模块。 我现在正在添加一些打字稿,并且当我仅仅require编译的JavaScript时它工作正常。 但打字稿也有它自己的module声明。 这与browserify / node的模块有什么关系? 我应该同时使用吗? 这似乎是多余的。 应该使用哪种types的模块,以及在什么情况下? 谢谢。

Maven / Spring与Browserify:需求未定义

我使用Eirslett的前端 Maven插件,它是一个Maven插件,可以在本地下载Node和NPM。 我试图通过该插件使用Browserify。 我用命令安装了Browserify npm install -g browserify browserify和npm install –save-dev browserify 。 Browserify的二进制文件已正确下载到项目名称projectname/node_modules/browserify下。 我在projectname/src/main/resources/static/test.js中有一个test.js文件,它具有以下代码 var hiObj = { sayHi: function(){ return "Modules" } } module.exports = hiObj; 我在projectname/src/main/resources/static/script.js并且该文件是作为静态资源添加到我的HTML中的。 script.js看起来像这样 var obj = require('test.js'); console.log(obj.sayHi()); 但是,当我尝试呈现index.html我在我的控制台得到这个 未捕获的ReferenceError:require是未定义的 如何得到这个工作?

Browserify:使用'package.json'中的'browser'字段replaceNPM模块的本地文件

我正在尝试浏览复杂的lib与很多的依赖关系。 其中一个库需要使用NPM模块切换本地文件。 我在那个lib的“package.json”中添加了“browser”字段,内容如下: { "./lib/local_file.js": "npm_module_name" } 然后运行我需要这个库的代码browserify。 结果,我看到以下错误: Error: ENOENT: no such file or directory, lstat '/home/user/dev/my-project-dir/npm_module_name' at Error (native) 作为临时解决scheme,我创build了“local_file_browser.js”文件: module.exports = require('npm_module_name').exports 并将“浏览器”字段更改为: { "./lib/local_file.js": "./lib/local_file_browser.js" } 而且一切正常,但我宁愿不创build包装文件,如果我可以避免它。 可能吗? PS如果有帮助,我推我的代码到Github https://github.com/APIs-guru/jsonpath/blob/master/package.json#L16-L18我试图browserify项目是这个https:// github .com / lucybot / api-spec-converter这取决于一些依赖于'jsonpath'库的库。

我怎样才能得到browserify的“捆绑”function发出结束事件?

说我有一些相对普通的browserify脚手架打算用于吞咽: var browserSync = require('browser-sync').create(); var browserify = require('browserify'); var gutil = require('gulp-util'); var exorcist = require('exorcist'); var bundler = browserify('app.jsx', { debug: false, extensions: ['.jsx'], cache: {}, packageCache: {} }); function bundle() { return bundler.bundle() .on('error', function(err) { gutil.log(err.message); browserSync.notify('Browserify error!'); this.emit('end'); }) .pipe(source('app.js')) .pipe(transform(function () { return exorcist('public/js/app.js.map'); })) .pipe(gulp.dest('public/js')) .pipe(browserSync.stream({ once: true […]

这真的是从事件callback中获得Rx.Observable的最好方法吗?

我想从datamaps库中获取一系列事件,但由于该库并没有真正用Reactive Programming编写,所以我很难将任何发送的事件映射到Observable。 我迄今为止的最好的尝试是这样的,但它并不那么习惯。 这是我能做的最好的,或者我可能会错过一些基本的RxJs构造,这将使这个更好/更简单/更具可读性? import Rx from 'rx'; import {EventEmitter} from 'events'; import Datamap from 'datamaps'; const eventEmitter = new EventEmitter(); const mapEvents$ = Rx.Observable.fromEvent( eventEmitter, 'mapEvent' ) const map = new Datamap({ element: document.getElementById('map'), done: (datamap) => { datamap.svg .selectAll('.datamaps-subunit') .on('mouseover', (o) => { eventEmitter.emit('mapEvent', o); }); } });

不能使用核心nodejs模块与browserify(dgram)

节点-v => v5.5.0 commande =>“watchify src / js / app.js –extension = .jsx -t [babelify –presets [es2015 react stage-0]] -o public / js / bundle.js -dv”, 版本: “browserify”:“^ 12.0.1”,“watchify”:“^ 3.6.1” 错误控制台 app.js:42 Uncaught TypeError:Dgram.createSocket不是函数 我的代码在app.js中: var PORT = 33333; var HOST = '127.0.0.1'; var Dgram = require('dgram'); var message = new Buffer('My KungFu is not […]

噶:无法find相对path的模块

我很难与噶不加载一个特定的文件。 我是一个关于噶玛的初学者,但是我花了整整一天的时间钻研文档,并且没有成功地寻找类似的问题。 启动因果过程时,加载configuration文件时会失败。 这是错误: Chrome 52.0.2743 (Linux 0.0.0) ERROR Uncaught Error: Cannot find module './development' at /tmp/node_modules/browser-pack/_prelude.js:1:0 <- /tmp/7b47eeb55cec3f8cc510b5cd637c570a.browserify:1 我不怀疑这个文件本身就是问题。 我的猜测是这个问题是围绕“需求”的行动。 这个文件可能是第一个在执行过程中被“需要”的文件。 所以Browserify也可能是有罪的。 文件树: . ├── karma.conf.js ├── LICENSE ├── package.json ├── README.md └── src ├── config │ ├── base.js │ ├── development.js │ ├── index.js │ └── production.js ├── controllers │ ├── authentication.js │ […]

Nodejs Browserify未捕获TypeError:存在不是一个函数

我是Browserify的新手,尝试以下方法:我创build了一个节点服务器,并尝试获取在浏览器上运行的名为“openbci”的包。 所以我有以下文件结构: Myapp -… -public –app.js –index.html –openBCI.js –… –javascript —openBCI —-bundle.js —… -node_modules –openbci —openBCIBoard.js –browserify –… 我的app.js文件将服务器设置为公用文件夹 // app.js var express = require('express'); var app = express(); app.use(express.static('public')); app.listen(myPort); 然后我创build了以下openBCI.js // openBCI.js var OpenBCIBoard = require('openbci').OpenBCIBoard; exports.OpenBCIBoard = OpenBCIBoard; 最后启动了browserify命令: $ browserify public/openBCI.js > public/javascript/openBCI/bundle.js 但一旦在我的index.html文件中调用,我有一个Uncaught TypeError: exists is not a function Function.getRoot函数: […]