Tag: browserify

browserify＆factor-bundle依赖关系ID

我使用browserify和factor-bundle来pipe理依赖关系，理论上它应该很好。 我们在不同的页面之间有不同的端点，运行factor-bundle可以快速高效地进行caching。 问题是，我遇到了这个问题： https ： //github.com/substack/factor-bundle/issues/13 除非有解决方法，否则在问题得到解决之前，这似乎使得因子束完全无用。 有没有办法在过渡时间手动分裂常见的依赖？ 甚至是一种使用容量减less的因子包的方法？ 编辑 这是我目前的gulp构build脚本： var browserify = require('browserify'); var bromote = require('bromote'); var PassThrough = require('stream').PassThrough; var gulp = require('gulp'); var streamify = require('gulp-streamify'); var handleErrors = require('../util/handleErrors'); var source = require('vinyl-source-stream'); gulp.task('browserify', function () { var remote = { google_maps: { exports: 'google_maps', url : '//maps.google.com/maps/api/js?v=3.12&sensor=false&key=xxx&libraries=places&callback=?' } […]

NPM无法全局安装browserify

我无法全局安装Browserify（或其他）。 我可以在没有问题的情况下安装非全局的东西。 背景：我正在代理之后的公司networking上运行CentOS 6.6。 我使用“yum”作为root来安装Node.js。 $ sudo yum -y install nodejs 和npm（由于某种原因没有安装nodejs）： $ sudo yum -y install nodejs npm 这将Node.js和NPM安装到目录中： $ which node /usr/bin/node $ which npm /usr/bin/npm 并将“node_modules”放在/ usr / lib / node_modules下。 就像我说的，我在代理的后面，所以我把“proxy”和“https-proxy”configuration属性设置为正确的值。 当我试图安装browserify（在他们的网站上指定） $ npm install -g browserify 我收到一个错误 …npm ERR! stack Error: EACCES, mkdir '/usr/lib/node_modules/browserify'… 所以我“chown”/ usr / lib / node_modules目录让我访问node_modules中的mkdirs： […]

使用browserify对js文件进行版本控制，以防止客户端使用旧的js文件

我已经开始使用browserify而不是requirejs，在requirejs上我可以在config中使用urlArgs，当我更改js代码时给出新的版本号。 以便浏览器不会使用先前caching的js文件。 我couldntfind如何添加这个。 这是我现在的大嘴文件， ….. gulp.task('browserify', function () { var browserified = transform(function(filename) { var b = browserify(filename); return b.bundle(); }); return gulp.src(['./js/main.js']) .pipe(browserified) // .pipe(uglify()) // commented out on testing environment. .pipe(gulp.dest('./dist/js')); }); …. gulp.task('html', function() { return gulp.src('./src/index.html') .pipe(htmlreplace({ 'css': 'css/main.css', 'js': { src: [ … // infrastructural js files / plugins 'js/main.js' […]

如何浏览一个预加载的文件树？

我将我的.js文件预加载到内存中，使其看起来像这样： loadedDirectory = { fileName1: 'console.log("some js"); require("./subDirectory/fileName2");', subDirectory: { fileName2: 'console.log("some more");', }, }; 我的问题是如何传递一个对象这样browserify ，以便它不会触及磁盘（因为我已经加载的一切）？

将依赖外部库的UMD模块与browserify捆绑在一起

我正在实现一个应该在NodeJS和浏览器（AMD /非AMD）env中工作的模块。 它的简化版本如下所示： var Backbone = require('backbone'); module.exports = Backbone.Model.extend({…}); 但我不明白如何使它适用于所有的envs。 如果我使用全局骨干（ require ），它不会在NodeJS环境中工作 如果我使用require和从包中排除主干（使用–exclude backbone ） – 它将不能在浏览器非AMD（错误：无法find模块backbone ） 是否有可能产生的UMD模块将会： 在浏览器（AMD）/ NodeJS环境中使用require('backbone') 浏览器中的window.Backbone （非AMD）？

如何在运行package.json脚本时获得debugging/详细信息？

我在我的package.json文件中有以下脚本 "scripts": { "start": "watchify -o js/bundle.js -v -d .", "build": "browserify . | uglifyjs -cm > js/bundle.min.js" }, 当我运行npm build ，命令执行，并在terminal中移动到一个新的新行，脚本一直没有build立。 要弄清楚这个问题，我怎么能得到更详细的/debugging信息运行这个命令？

基本NPM，Gulp设置

我试图自动化我的前端开发，所以我开始通过与NPM的依赖关系。 我的package.json如下所示： "main": "main.js", "dependencies": { "jquery": "^2.1.4", "vue": "^0.12.8" }, "devDependencies": { "gulp": "^3.9.0", "gulp-autoprefixer": "^2.3.1", "gulp-browserify": "^0.5.1", "gulp-concat": "^2.6.0", "gulp-minify-css": "^1.2.0", "gulp-notify": "^2.2.0", "gulp-rename": "^1.2.2", "gulp-sass": "^2.0.4", "gulp-uglify": "^1.2.0" } 我的gulpfile.json看起来像： var gulp = require('gulp'), sass = require('gulp-sass'), minify_css = require('gulp-minify-css'), notify = require('gulp-notify'), autoprefix = require('gulp-autoprefixer'), concat = require('gulp-concat'), uglify = require('gulp-uglify'), […]

通过browserifydynamic地请求所有文件

我有这个巨大的文件，我要求在目录中的所有文件： require('./adminAppConfig'); require('./breadcrumb/BreadcrumbController'); require('./calendar/CalendarController'); require('./calendar/calendarDirective'); require('./chart/ChartController'); require('./dashboard/DashBoardController'); require('./email/EmailController'); require('./error/ErrorController'); require('./event/EventController'); require('./navbar/NavbarController'); require('./navbar/navbarDirective'); require('./service/ServiceController'); require('./sidebar/SidebarController'); require('./warning/WarningController'); require('./common/directives/chartDirective'); require('./common/directives/controllerActionDirective'); require('./common/directives/controllerDirective'); require('./common/directives/emailDirective'); require('./common/directives/dataSidebarDirective'); require('./common/directives/serviceDirective'); require('./common/directives/tableDirective'); require('./common/models/BookingModel'); require('./common/models/EventModel'); require('./common/services/layoutService'); require('./common/services/watchService'); 我想知道是否有可能要求所有没有一一写。 我试图： require('./*.js'); require('./*/*.js'); require('./*/*/*.js'); 但是这不起作用。 谢谢。

Amazon S3提供InvalidDigest：您指​​定的Content-MD5无效

这是解决scheme：通过将MD5hex转换为base64而不是string来解决此问题。 JS的例子（Node.js或类似的，browserify等 new Buffer(md5, 'hex').toString('base64') 我花了几分钟的时间来弄明白，所以我想我可以分享它。 🙂

Browserify转换顺序

试图写一些使用babelify，然后brfs的代码 var wiz = browserify(root, watchify.args); wiz.transform(babelify, { modules: 'common', global: true, ignore: /\/node_modules\/angular|.json/ }); wiz.transform('brfs'); 但是无论我把转换的顺序放在什么位置，browserify都会抱怨这个应该已经被babel处理过的import/export语法 { [SyntaxError: 'import' and 'export' may appear only with 'sourceType: module' (1:0) while parsing file: C:\Users\splee_000\Documents\GitHub\experimental-theatre\audience_client_src\root.js] 如何确保brfe变换在babelify之后发生？