草庐IT

Browserify-shim

全部标签

linux - 安装 gulp browserify 总是报错

我正在尝试使用此命令安装gulp-browserify:npminstallgulp-browserify--save-dev我已经成功安装了许多其他包gulp-autoprefixergulp-concatgulp-minify-cssgulp-sassgulp-uglify所有这些安装都运行良好,这是我的package.json文件的样子{"devDependencies":{"gulp-autoprefixer":"0.0.8","gulp-sass":"~0.7.2","gulp":"~3.8.5","gulp-minify-css":"~0.3.6","gulp-concat

node.js - Browserify 的自定义依赖名不起作用

我正在尝试让browserify的自定义依赖项名称与内存流一起使用。我使用内存流的原因是因为此代码注定要在AWSLambda内运行,该AWSLambda将接收多个"file"作为输入,并且无法通过文件系统对lambda可用。根据https://github.com/substack/node-browserify上的文档,看来这应该是可能的:b.require(file,opts)filecanalsobeastream,butyoushouldalsouseopts.basedirsothatrelativerequireswillberesolvable.Usetheexposep

javascript - 如何在 Gulp 中使用 Browserify lib 为模块起别名?

Browserify自述文件描述了创建外部需求,如下所示:$browserify-r通过-rduplexer-r./my-file.js:my-module>bundle.js然后在你的页面中你可以这样做:varthrough=require('through');varduplexer=require('duplexer');varmyModule=require('my-module');/*...*/如果你想使用命令行,这很有效,但我想在gulpfile中使用Browserify。但似乎没有办法在示例中为像./myfile-js:my-module这样的模块添加名称。如果有它的选

javascript - 将 bootstrap.js 添加到 browserify?

所以我想弄清楚如何做到这一点?我通过bower下载了bootstrap-sass并将bootstrapjavascript添加到shim中。有几件事让我很困惑,bootstrap.js文件看起来像这样。//=requirebootstrap/affix//=requirebootstrap/alert//=requirebootstrap/button//=requirebootstrap/carousel//=requirebootstrap/collapse//=requirebootstrap/dropdown//=requirebootstrap/tab//=requirebo

javascript - 使用带有 jQ​​uery 插件的 Browserify

一些简短的背景:我正在使用browserify和browserify-shim(和gulp构建)来创建一个网络应用程序。在这个问题之前,我是从npmrequireingjquery所以我没有问题。一旦我开始进行一些优化,我就意识到包含jQuery的bundle有多么庞大。所以现在我从CDN中获取带有script标签的jQuery并将其放在bundle.js文件之前。但是我在将jQuery声明为全局并在browserify和browserify-shim中正确填充我的jQuery插件时遇到问题。当我运行gulp构建时,我不断收到相同的错误:[gulp]gulp-notify:[编译错误]

javascript - Browserify:嵌套/条件需求

在下面的CommonJS/Browserify模块中,我怎样才能避免每次都导入foo和bar——而是根据条件只导入需要的那个在init()?varFoo=require('foo'),Bar=require('bar'),Component=function(config){this.type=config.type;this.init();};Component.prototype={init:function(){varinstance=null;switch(this.type){case('foo'):instance=newFoo(...);break;case('bar')

node.js - 使用 browserify 使 bower 与 npm 一起工作

大量的JavaScript包管理解决方案让我们既受祝福又受诅咒,所有这些解决方案都有各自的优点。出于与这里无关的原因,我已选择npm作为我的主要解决方案。但是,在其他系统(例如bower和component)上有太多好的代码可以忽略这些解决方案。所以,我希望建立一个环境,我可以使用browserify从npm和bower加载包(我们将保存组件以用于另一个问题)。到目前为止,我想出的最好的方法是设置我的package.json与postinstall运行bowerinstall的脚本:{...configuration..."scripts":{"postinstall":"boweri

javascript - 如何使用 browserify 捆绑主干应用程序?

我在使用browserify时遇到了一点问题。目标我正在尝试使用Backbone构建基本的TodoMVC单页应用程序,而不是的堆。我的index.html中的标签,我正在尝试将它们与browserify捆绑在一起。这是我到目前为止所做的。lib/models/todo.jsvarbackbone=require("backbone");varTodo=module.exports=backbone.Model.extend({defaults:function(){return{title:"",completed:false,createdAt:Date.now(),};},});l

javascript - Require.js + R.js 优化器忽略 Shim

R.js没有加载我的shim,因此jQuery在tinyMCE之前加载,并且tiny在加载之前被初始化。我怎样才能让垫片工作?:构建-js.js:varrequirejs=require('requirejs');varconfig={mainConfigFile:'../js/main.js',include:[],name:'main',out:'../js/build/build.js',};requirejs.optimize(config,function(buildResponse){varcontents=fs.readFileSync(config.out,'utf8'

node.js - Browserify在尝试捆绑许多js文件时找不到模块

这是我做Node的第一天,尝试捆绑一些js文件时遇到了一些问题。MyFolder|--app(folder)||--Collections(contains:movies.js)||--Models(contains:movie.js)||--node_modules|--main.js|--node_modules(folder)|--static(folder)这是我要压缩成static/bundle.js的js文件的内容。//app/models/movie.jsvarBackbone=require("backbone");varMovie=Backbone.Model.ext