Articles of browserify

使用Browserify加载Node.js模块

我正在使用Browserify( http://browserify.org/ )在JavaScript中加载模块。 我不断收到以下错误: 我不知道为什么会这样。 我在名为“wordnet-develop”的目录中有一个“package.json”文件,它位于与JavaScript文件相同的位置。 本来我觉得可能有path问题。 但是,我做了同样的事情,但有一个test.js文件,它的工作。 所以,我认为使用package.json可能有问题。 package.json文件的开头: 我的JavaScript文件的开始: 包含javascript文件的目录: 包含package.json文件的目录(见上面的“wordnet-develop”): UPDATE 我replace了var WordNet = require('./wordnet-develop/node-wordnet'); 用var WordNet = require('./wordnet-develop/lib/wordnet'); 正如klugjo所build议的那样。 它可能已经工作,但现在我得到一个新的错误消息: 这再次发生,但'asynchronous'模块丢失。 我检查了lib / wordnet,它包含了蓝鸟和asynchronous的要求,所以这可能是错误的来源。 但是,我现在不知道该怎么做。 我是新来的node.js和模块,所以我不熟悉的解决scheme。 我应该parsing所有的代码,并在网上find所有必需的模块? 他们不应该被包括在模块中吗? 是我试图在香草JavaScript中使用node.js模块的问题?

从密码导出节点密码密钥会导致与浏览器不同的结果

我试图在浏览器中重新创buildSymfony的MessageDigestPasswordEncoder 。 我有一些与browserify和encryption模块的问题。 我尝试用JavaScript生成哈希,但没有节点。 这是我的代码与节点: var crypto = require('crypto'); var encodePassword = function (raw, salt) { var salted = raw + '{'+salt+'}', hash = crypto.createHash('sha512').update(salted, 'utf-8'); for (var i = 1; i < 5000 ; i++) { hash = crypto.createHash('sha512').update(hash.digest('binary')+salted); } return hash.digest('base64'); }; console.log(encodePassword("admin", "81b6zjhf64w8kogsgkgw804ss8gc0w0")); 它返回: qmNs3bqtTeoS4uRq2Chh1fUNPu+lzn3KR7mWFHAq5NEPrK0QZ9XkLDUniZ39uosnozNrPL7mByzUZ/A19Io4sQ== 现在,考虑到我需要实现这个没有节点,我用了browserify browserify index.js > crypto.js 我创build了一个testing页面,其中包括: <script […]

如何从browserify获取构build错误消息

我们正在用browserify来使用Gulp,并且在诊断错误时遇到问题。 Browserify运行,报告没有问题,但是,许多应该被连接到我的输出js文件的脚本丢失。 我们发现,如果我们缺less一个npm包(如果我们需要运行npm install),或者npm包有什么问题,就会发生这种情况。 过去几次发生的事情,我们很幸运,因为我们刚刚加了一包,所以我们立即知道在哪里看。 现在,我有一个开发失败的机器(失败,我的意思是我的输出.js文件的大小的十分之一应该是一个错过许多js文件,但没有错误报告)。 我不确定哪个软件包没有通过,我没有得到任何诊断信息。 我尝试挂钩.on('错误')如下所述: https ://stackoverflow.com/a/24817446/67038,但没有额外的输出。 Visual Studio Task Runner Explorer的输出如下所示: [18:17:21] Using gulpfile C:\git\…\Gulpfile.js [18:17:21] Starting 'browserify:local'… [18:17:24] Finished 'browserify:local' after 2.63 s [18:17:24] Starting 'build:local'… [18:17:24] Finished 'build:local' after 31 ms Process terminated with code 0. 我能做些什么来从Browserify获得更多信息? 有什么logging可以打开吗?

安装browserify后,我没有看到“node_modules / bin”文件夹

我想重复这个教程: https://ampersandjs.com/learn/npm-browserify-and-modules/#npm-browserify-amp-modules 但安装node_modules/.bin后,我看不到文件夹: node_modules/.bin 相反,我看到一个文件夹node_modules/browserify 。 里面有一个bin文件夹,和它的cmd.js – cmd.js和args.js 我应该如何改变这段代码: ./node_modules/.bin/browserify app.js -o app.bundle.js将所有js文件编译成一个文件? 或者,也许我需要安装browserify一些其他方式?

将多个文件浏览成一个包

目前,我浏览一个单一的js文件到一个bundle.js $ browserify X1.js –standalone XXX > bundle.js 如果我有多个js文件,并希望将它们join到单个浏览过的bundle.js中,该怎么办? 该命令应该如何? 我可以做这样的事吗? $ browserify X1.js X2.js –standalone XXX > bundle.js 我正在使用node.js v6

如何将事件发送到gulp-tap的父stream中

我正在设置一个gplp文件,在开发过程中将多个JavaScript文件捆绑到多个捆绑包中。 因为我想观察这个过程,如果在其中一个文件中有错误(语法或其他),我将需要正确地向父stream发送一个end事件,不要退出。 为了处理多个文件,我使用了gulp食谱中描述的方法 。 但是,使用这个和阅读文档上的吞咽水龙头,我不确定如何让它发送到父stream的错误。 我想要做的是以下几点: gulp.task('bundle', () => ( gulp.src(['whatevs/*.js'], { read: false }) .pipe($.tap((file) => { file.contents = browserify( // eslint-disable-line no-param-reassign file.path, { debug: true, fullPaths: true } ).bundle(); })) .on('error', function handleBrowserifyError(err) { this.emit('end'); }) .pipe(gulp.dest('bundles/')) )); 我可以看到错误,如果我将传递给bundle()调用的callback,但我没有丝毫的线索如何将其返回到父stream。

是否有可能使用因子束的browserify-css?

比方说,我有一个目录设置 app \ page1 – page1.js – page1.css \ page2 – page2.js – page2.css \ fancy-widget – fancy-widget.js – fancy-widget.css \ common – shared-utils.js – general-styles.css 我想要的输出 – page1.js – page1.css – page2.js – page2.css – shared.js – shared.css 其中“共享”的js / css文件包含page1和page2都require的脚本/样式。 我能够使用factor-bundle来满足我的要求,但我一直没有能够使browserify-css很好地发挥它。 我find了用于onFlush -css的onFlush选项,但似乎要调用每个使CSS调用的js文件,而不是每个指定的bundle文件一次。 是否有可能完成上述的“factor-bundle-css”function?

javascript:重构全局对象以require()模块

我想现代化我们的JavaScript架构 – 更重要的是,开始为我们的JavaScript代码编写unit testing。 我一直在从不同的问题/博客拼凑信息,并制定了一个试验性的计划。 但是,我真的不确定我是否正确。 计划: 将组件重构为导出的模块而不是全局对象。 创build一个需要()所有文件/组件的单个入口点(index.js?)。 用户Browserify创build我的浏览器兼容的静态文件(回到全球)。 使用node,mocha和chai,运行npm test来执行引用可导出组件的testing。 重构: 全局对象: // myProject.js // ——————– var MyProject = {}; // component1.js // ——————– myProject.component1 = {}; 要求()模块: // myProject.js // ——————– var component1 = require('./component1'); modules.export = { component1 }; // component1.js // ——————– var component1 = {}; modules.exports = component1; 问题: […]

使用Browserify构build脚本会创build一个空文件

我有一个简单的构build脚本,应该使用browserify将我所有的js模块打包成单个文件。 我有以下代码(来自http://www.forbeslindesay.co.uk/post/46324645400/standalone-browserify-builds ) function _browserify(srcPath, distPath) { var browserify = require('browserify'); var b = new browserify(); b.add(srcPath); b.bundle().pipe(_fs.createWriteStream(distPath)); console.log(' '+ distPath +' built.'); } 但是当我运行它,我得到一个完全空的文件。 任何想法为什么?

browserify'错误:找不到模块'试图修复'未捕获的参考错误:需求未定义'

我从这个线程( Node.js + Angular = Uncaught ReferenceError:require没有定义 )有关于未捕获的引用错误的@RachelD问题有一个非常相似或几乎确切的问题。 然而,当我运行我在这里( https://github.com/substack/node-browserify )指示中所述的“browserify”命令,并完全如下所示(我包括我的目录以及参考)… myname@compname:~/workspace/MyApp $ browserify /app/scripts/controllers/main.js > bundle.js 我得到一个'无法find模块'的错误 Error: Cannot find module '/app/scripts/controllers/main.js' from '/Users/myname/workspace/MyApp' at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:35:25 at load (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:53:43) at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:59:22 at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:16:47 at Object.oncomplete (fs.js:107:15) 我怎样才能通过这个错误?