草庐IT

Browserify-shim

全部标签

node.js - browserify external 与 exclude 有什么区别?

我正在使用browserify并试图让它跳过浪费时间,包括或解析我通过CDN加载的jquery和其他require-less文件。我应该使用bundle.exclude('jquery')还是bundle.external('jquery')?有什么区别?他们的输出似乎相同,我不清楚文档:b.external:https://github.com/substack/node-browserify#bexternalfilePreventfilefrombeingloadedintothecurrentbundle,insteadreferencingfromanotherbundle.

node.js - 使用 Browserify 加载 polyfill 和 shim 的正确方法是什么

我正在构建一个网络应用程序,并且我开始了解并喜欢Browserify。不过有一件事困扰着我。我正在使用一些ES6功能,这些功能需要在旧浏览器中进行填充/填充,例如es6-promise和object-assign(npm上的包)。目前我只是将它们加载到需要它们的每个模块中:varassign=require('object-assign');varPromise=require('es6-promise');我知道这绝对不是要走的路。它很难维护,我想透明地使用ES6功能,而不是通过需求“依赖”它们。加载此类垫片的final方法是什么?我在互联网上看到了几个例子,但它们都是不同的。我可以

javascript - 使用 Browserify 编译动态需要的模块

我正在使用Browserify将大型Node.js应用程序编译成单个文件(使用选项--bare和--ignore-missing[以避免出现问题lib-covinExpress])。我有一些代码可以根据目录中可用的内容动态加载模块:varfs=require('fs'),path=require('path');fs.readdirSync(__dirname).forEach(function(file){if(file!=='index.js'&&fs.statSync(path.join(__dirname,file)).isFile()){module.exports[file

jquery - 将 browserify 与 npm jQuery 和非 npm 插件一起使用

我正在使用browserify捆绑前端代码。到目前为止一切都很好,但是我在混合npm和非npm包时遇到了困难。例如,使用npm版本的jQuery和非CJS版本的jQuery插件。我目前的解决方案是使用package.json中的browser键指向jQuery的dist,然后使用browserify-shim将其添加为插件的依赖项。有没有比我目前拥有的更清洁的方法?编辑:我目前正在尝试使用npm和package.json来管理all我的依赖项,所以我不想要在这个项目上使用凉亭。叫我疯了:)Package.json{"dependencies":{"jquery":"~2.1.0","b

javascript - 在多个 Browserify 或 Webpack 包中共享通过 NPM 加载的模块的简单解决方案

在这里寻找一个简单解决方案来共享代码,需要通过NPM跨多个Browserify或Webpack包。想一想,有没有文件“桥”之类的东西?这不是由于编译时间(我知道watchify),而是希望将我的所有vendor特定库提取到vendor.js以便保留我的app.js文件大小减小,并且不会因大量源图而导致浏览器崩溃。另外,如果需要查看已编译的js,我发现它会更干净。所以://vendor.jsrequire('react');require('lodash');require('other-npm-module');require('another-npm-module');从NPM加载代

javascript - 获取 browserify 要求路径的行为更像 requirejs

我发现移动文件并不断重写文件包含路径以使其相对于新文件夹时会很痛苦。我想在我的browserify代码中避免这种情况:varView=require('../../../../base/view');并且在它知道我的基本路径是js的地方做一些更符合requirejs的事情:varView=require('base/view'); 最佳答案 您应该使用paths选项。它没有在browserify中记录,而是在node-browser-resolve中。(在引擎盖下使用):paths-require.pathsarraytouseif

node.js - 如何使用browserify "require"文本文件?

我正在使用browserify(使用browserify-middleware)我怎样才能需要简单的文本文件,例如:varmyTmpl=require("myTmpl.txt");我查了stringifybrowserify插件,但文档中的代码不适用于browserifyV2 最佳答案 require()最适合仅用于javascript代码和json文件,以保持与Node的一致性,并提高您的代码对期望require()的外部人员的可读性像在Node中那样工作。不要使用require()来加载文本文件,而是考虑使用brfs转换。使用b

node.js - 如何在单独的 browserify 供应商 bundle 中包含 node_modules

我正在尝试将AngularJS应用程序转换为使用browserify。我已经使用napa在node_modules中安装了我所有的凉亭包。现在我想将它们浏览到一个单独的供应商包中,并将它们声明为“外部”依赖项。我想给它们起别名,这样我就可以“require('angular')”而不是“require('angular/angular')”,就像你可以用外部一样。我看到的示例(例如http://benclinkinbeard.com/posts/external-bundles-for-faster-browserify-builds/)都假设我已将供应商文件下载到“lib”目录中。我

javascript - Node.js browserify 慢 : isn't there a way to cache big libraries?

我正在使用browserify创建一个需要大型库(例如jquery和three.js)的文件。编译过程需要几秒钟,可能是因为它正在为我所做的每个小改动重新编译所有库。有没有办法加快速度? 最佳答案 您是否尝试过使用--insert-globals、--ig或--fast标志?(它们都是一样的)它慢的原因可能是它正在扫描所有jquery和d3的__dirname、__filename、process和global引用资料。编辑:我只记得:Browserify将采用任何预先存在的require函数并回退到使用它。moreinfohere

node.js - 在browserify中需要cdn库而不将其捆绑在最终的js文件中

如果我有一个从cdn中拉下的库,并且不希望它成为最终js文件的一部分,但能够使用browserify要求它,我将如何解决它?这是我目前使用alias和shim文件解决它的方法。browserify:{options:{debug:true,transform:['reactify'],alias:['client/shims/jquery.js:jquery']},app:{src:'client/app.js',dest:'public/app.js'}}这里是shim文件client/shims/jquery.js我别名为jquery所以我可以使用require('jquery')