Tag: browserify

安装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) 我怎样才能通过这个错误？

如何以特定顺序运行Gulp任务

我正在使用runsequence插件。 但似乎我做错了，所以它不工作。 我正在尝试创buildbrowserify构build并使用运行序列gulp插件在服务器上使用我的handlebars预编译模板进行连接。 在gulpfile相应的任务看起来像这样： gulp.task("browserify", function () { gulp.src('src/js/map.js') .pipe(browserify({ insertGlobals: false, debug: false })) .pipe(gulp.dest('build')) .pipe(notify({ message: "browserify ended" })); }); gulp.task("scripts", function () { var newDir; newDir = './build/1111'; gulp.src(['./build/map.js', './build/templates/templates.js']) .pipe(concat('build.js')) .pipe(gulp.dest(newDir)) .pipe(notify({ message: "scripts build ended" })); }); gulp.task('default', function () { runSequence( 'browserify', 'scripts' ); }); 但是在browserify任务完成之前，实际上脚本任务正在​​尝试调用。 所以我得到这个输出： $ gulp […]

Browserify打破了YouTube的iFrame API

当我浏览获取和应用Youtube iFrame API的脚本时， onYoutubeIframeAPIReady()不会运行，并且不会加载请求的video。 有没有解决的办法？ 难道我做错了什么？ 这是我的脚本： var Command = require('../model/command.js'); var Control = require('../model/control.js'); var User = require('../model/user.js'); var socket = io(); var executions = {}; executions[1] = function() { player.playVideo(); }; executions[2] = function() { player.pauseVideo(); }; var control = Control(); var now = function() { return new Date().getTime() / 1000; }; var […]

当通过Browserify加载时，Mongoose没有连接方法

我能够在交互式node会话中加载Mongoose，并像这样查看它的connect方法… > var mongoose = require("mongoose/"); > mongoose.connect [Function] …但是，当通过Browserify加载Mongoose时，该方法丢失。 下面的代码… var mongoose = require("mongoose/"); console.log(mongoose); …在Chrome中logging以下内容： Object {Error: function, Schema: function, Types: Object, VirtualType: function, SchemaType: function…} Document: function Document(obj, schema, fields, skipId, skipInit) { Error: function MongooseError(msg) { Schema: function Schema(obj, options) { SchemaType: function SchemaType(path, options, instance) { Types: Object VirtualType: function […]