草庐IT

Browserify

全部标签

javascript - 如何使用 browserify 对 npm 模块执行转换

默认情况下,browserify不会对包含在node_modules中的模块执行转换,即没有路径。我制作了一个快速的github存储库来说明它here.浏览器化的index.js文件如下所示:varfs=require('fs');vartestmodule=require('testmodule');vartrg1=document.getElementById("target1");vartrg2=document.getElementById("target2");trg1.innerHTML=fs.readFileSync(__dirname+"/something.txt")

javascript - Browserify 导入/要求?

我正在尝试使用browserify并且已经通过了许多示例。在一个示例中,我看到了“导入”的使用:import'jquery';并导入本地文件:importHeaderfrom'./Header';但在其他示例中,我看到人们通过以下方式导入:require('./Header');有什么区别? 最佳答案 require()是ES5中的Node模块系统(CommonJS)。import是ES6模块语法。如果你想对使用ES6模块语法编写的模块进行浏览器化,你需要使用类似babelify(或其他方式的babel)之类的工具来编译它们。

php - Laravel Elixir Browserify 失败! : Unexpected token - Using VueJs

谁能帮我解决这个问题?我正在尝试学习如何使用Laravel的elixir.browserify+vue.js,但我做不到!我收到此错误:gulp-notify:[LaravelElixir]BrowserifyFailed!:UnexpectedtokenD:\xampp\htdocs\pwebdev-project\resources\assets\js\components\skills.vue:1^ParseError:Unexpectedtoken知道可能是什么问题吗?我需要在这里指定我想使用vueify的地方还是我只需要像我一样npm安装它?包.json{"private":

javascript - 如何在浏览器中使用webtorrent?

我在https://github.com/feross/webtorrent#usage中显示的示例中遇到了一些问题我正在尝试在浏览器中使用代码。所以我首先创建一个名为app.js的文件app.jsvarWebTorrent=require('webtorrent')varconcat=require('concat-stream')varclient=newWebTorrent()console.log('Hithere');client.download('magnet:?xt=urn:btih:XXXXXXXX',function(torrent){//Gottorrentmet

javascript - 如何在浏览器中使用webtorrent?

我在https://github.com/feross/webtorrent#usage中显示的示例中遇到了一些问题我正在尝试在浏览器中使用代码。所以我首先创建一个名为app.js的文件app.jsvarWebTorrent=require('webtorrent')varconcat=require('concat-stream')varclient=newWebTorrent()console.log('Hithere');client.download('magnet:?xt=urn:btih:XXXXXXXX',function(torrent){//Gottorrentmet

javascript - 需要样式表并将它们作为带有 browserify 的链接标记注入(inject) html

我想尝试使用browserify来构建我的元素。我可以使用相对路径请求js文件,然后将这些文件全部打包并缩小,这看起来很酷。但我还不清楚,如果我可以自动将该包添加到html中作为而且,如果我可以用css做一个类似的技巧-以某种方式需要css文件,包括vendor的文件,捆绑并缩小这些文件并将捆绑的css注入(inject)到html头中作为标签,不是.这可能吗?如果是这样怎么办?或者,也许这样的想法本身只是对元素应该如何build的一种误解?如果是这样,我哪里弄错了? 最佳答案 你应该检查browserify-css它允许缩小,插入

javascript - 需要样式表并将它们作为带有 browserify 的链接标记注入(inject) html

我想尝试使用browserify来构建我的元素。我可以使用相对路径请求js文件,然后将这些文件全部打包并缩小,这看起来很酷。但我还不清楚,如果我可以自动将该包添加到html中作为而且,如果我可以用css做一个类似的技巧-以某种方式需要css文件,包括vendor的文件,捆绑并缩小这些文件并将捆绑的css注入(inject)到html头中作为标签,不是.这可能吗?如果是这样怎么办?或者,也许这样的想法本身只是对元素应该如何build的一种误解?如果是这样,我哪里弄错了? 最佳答案 你应该检查browserify-css它允许缩小,插入

javascript - Browserify:如果需要,使用 module.exports,否则暴露全局

我正在考虑采用browserify对于我的一些项目,但想确保其他人如果想使用(捆绑的)代码则不必使用browserify。这样做的明显方法是通过module.exports公开模块导出。以及通过window.全局的。但是,我不想为那些require的人污染全局命名空间。正在编写脚本。是否可以检测脚本是否正在被require吗?如果是,那么我可以做类似的事情:varmymodule=(function(){...})();if(isRequired()){module.exports=mymodule;}else{window.mymodule=mymodule;}请注意,无论如何,这都

javascript - Browserify:如果需要,使用 module.exports,否则暴露全局

我正在考虑采用browserify对于我的一些项目,但想确保其他人如果想使用(捆绑的)代码则不必使用browserify。这样做的明显方法是通过module.exports公开模块导出。以及通过window.全局的。但是,我不想为那些require的人污染全局命名空间。正在编写脚本。是否可以检测脚本是否正在被require吗?如果是,那么我可以做类似的事情:varmymodule=(function(){...})();if(isRequired()){module.exports=mymodule;}else{window.mymodule=mymodule;}请注意,无论如何,这都

javascript - 使用 Browserify-shim 配置通用 jQuery 插件?

我正在使用browserify-shim,我想使用一个通用的jQuery插件。我已经多次查看Browserify-shim文档,但我似乎无法理解发生了什么和/或它如何知道在哪里放置插件、附加到jQuery对象等。这是我的package.json文件的样子:"browser":{"jquery":"./src/js/vendor/jquery.js","caret":"./src/js/vendor/jquery.caret.js"},"browserify-shim":{"caret":{"depends":["jquery:$"]}}根据browserify-shim文档中给出的示例