由‘`firebase’生成的<script>标签是如何工作的，它们是否与Browserify这样的捆绑器兼容？
Firebase是一种由Google提供的云计算平台，它提供了一系列的后端服务和工具，用于开发高质量的移动应用、Web应用和服务器端应用。其中，由Firebase生成的<script>标签是用于在网页中引入Firebase SDK的一种方式。
当我们在网页中插入由Firebase生成的<script>标签时，浏览器会根据该标签中的URL加载相应的JavaScript文件。这个JavaScript文件包含了Firebase SDK的代码，用于与Firebase后端服务进行通信和交互。
关于与Browserify这样的捆绑器的兼容性，Firebase SDK是与常见的JavaScript模块打包工具兼容的，包括Browserify。我们可以使用Browserify将Firebase SDK打包到我们的应用程序中，以便在浏览器中使用。
Browserify是一个流行的JavaScript模块打包工具，它可以将使用CommonJS模块规范编写的代码转换为浏览器可以理解的格式。通过使用Browserify，我们可以在应用程序中使用require()函数引入Firebase SDK，并将其打包到最终的JavaScript文件中。
总结起来，由Firebase生成的<script>标签可以用于在网页中引入Firebase SDK，用于与Firebase后端服务进行通信。同时，这些标签与Browserify这样的捆绑器兼容，我们可以使用Browserify将Firebase SDK打包到我们的应用程序中。
相关·内容
我正在尝试将Firebase与Browserify一起使用，而该领域中的某些工具在firebase脚本标记方面遇到了问题。我猜这是因为Browserify捆绑包不包含这些资源(特别是Beefy，热重新加载的browserify local-server-helper)，所以找不到这些资源。因为我不太了解这些脚本标记是如何工作的，所以我在适应它们的功能时遇到了麻烦。 我说的是这些事情： <!-- update the version number as needed -->
<script defer src="/__/firebase/7.17.2/
浏览 20提问于2020-08-10得票数 0
1回答
我正在尝试浏览我的模块。我对这个有一个依赖，它在我的node_modules文件夹中，它的结构是这样的。
如您所见，这里没有js类。但是有一个.node文件。当我在我的模块上运行browserify时，我得到了以下错误。
SyntaxError: Unexpected character '�' (2:2) while parsing G:\Projects\Kube 2.0\edge-node-sdk-typescript\edge-node-sdk-js\node_modules\chilkat_win32\chilkat.node while parsing f
浏览 3提问于2016-06-16得票数 2
我在reactjs和browserify中使用gulp
这是我的吞咽文件
var gulp = require('gulp'),
browserify = require('browserify'),
source = require('vinyl-source-stream'),
reactify = require('reactify'),
rename = require('gulp-rename')
gulp.task('js-build', functi
浏览 1提问于2015-08-18得票数 1
我在创建一个npm模块时遇到了困难，我可以通过es6导入其他模块来使用这个模块。
我有一个文件夹"1“，在该文件夹中，我在gulp的帮助下捆绑了一个简单的js类文件：
/1/script.js
export default class npmtest1
{
static capitalize(string)
{
return string.charAt(0).toUpperCase() + string.slice(1);
}
}
/1/package.json
{
"name": "npmtest1",
浏览 2提问于2018-03-12得票数 0
我习惯于以旧的方式处理JavaScript文件，即每个JS文件都有自己的元素。例如：
<script src="foo.js"></script>
<script src="bar.js"></script>
旧方法的好处是在Chrome Dev工具中，我可以分析特定的JS文件。例如，如果发生错误，我知道要在bar.js中查找。即使在生产中也是如此，因为我们没有捆绑。
我正在研究使用Browserify，但我找不到如何对使用Browserify捆绑的单个JS文件进行故障排除。
问:使用Browserify时，是否可
浏览 1提问于2014-09-09得票数 1
我的理解是Browserify可以用来将不同的JavaScript文件捆绑成一个。然而，在看了互联网上的一些例子后，我发现有些人使用Browserify，但他们也包括gulp concat。
例如，同时使用这两种方法。
为什么？我认为Browserify也可以进行连接。
浏览 6提问于2017-01-11得票数 1
2回答
我想以这种方式在HTML页面中使用：
<script>
window.browserify_standalone.doAwesomeStuff();
</script>
注:我不使用任何模块系统，这就是为什么我希望可以从window__访问独立的系统。让我们调用独立模块browserify_standalone__。
我希望这个HTML本身是独立的(没有外部js源代码)，所以我尝试在脚本标记中编写生成的包的内容，如下所示：
<script><%= browserify_standalone_js_content %></script
浏览 5提问于2015-02-04得票数 0
我使用browserify将一个可重用的typescript模块移动到使用gulp的浏览器中。
gulp.task("default", function(){
return browserify({
basedir: '.',
debug: true,
require: ['./src/common/common.ts'],
fullPaths: fals
浏览 11提问于2016-08-11得票数 1
我用aurelia-cli捆绑我的资产。需求模块由需求处理。
为了使用firebase，我专门将文件firebase-Browser.js捆绑在一起：
// aurelia.json
[...]
{
"name": "firebase",
"path": "../node_modules/firebase/",
"main": "firebase-browser"
}
直到firebase包的3.6.2版本，一切都如预期的那样工
浏览 1提问于2017-01-19得票数 2
回答已采纳
我在使用browserify js文件时遇到了一些问题。
这是我的index.js文件：
module.exports = require('./lib/clients/test/client');
我的browserify捆绑包命令：
browserify -r ./index.js > bundle.js
下面是我的html文件，其中我使用了上面生成的bundle.js文件：
<html>
<head>
<title></title>
</head>
<body>
<script s
浏览 4提问于2016-05-02得票数 0
1回答
我在设置node.js客户端以连接到java套接字时遇到了困难。浏览器总是给我这个错误
Uncaught ReferenceError: require is not defined
我在我的html页面中使用了它。
<script type="text/javascript">
$(function() {
// open websocket
var net = require('net');
var socket = net.connect(8000, 'localhost&#
浏览 0提问于2014-08-29得票数 0
1回答
我似乎很难理解为什么服务器找不到存储桶。我将令牌和其他重要信息作为字符串写在一个单独的文件中。然后，我将其拆分并在javascript中使用相应的文本。
下面是我遇到的错误。
这是储藏室。
这是文件夹的格式。
我还使用Browserify将javascript打包成一个包。
如果任何人有关于如何调试的解决方案或建议，将不胜感激！Javascript：
Github repo：
//script.js
const firebase = require('firebase/app').default;
require('firebase/functio
浏览 6提问于2021-06-08得票数 0
我第一次使用browserify时遇到了一些问题。我有一个使用谷歌地图API的HTML页面。当地图加载时，我想调用一个"initMap“函数，如下所示： <script
src="https://maps.googleapis.com/maps/api/js?key=MyApiKey&libraries=drawing&callback=initMap&libraries=drawing&v=weekly" async>
</script> 在Map.js文件中定义initMap。到目前为止，
浏览 5提问于2021-05-01得票数 1
假设我有一个类似这样的HTML文件：
<!DOCTYPE html>
<meta charset="UTF-8">
<title>Suman tests</title>
<head>
<script src="../dist/suman.js"></script> <-- webpack build here
// how can I do a synchronous require() here, from something
浏览 5提问于2017-04-15得票数 10
回答已采纳
我的理解是，使用Browserify的目的是允许您通过捆绑所有依赖项在浏览器中使用require('modules')。
在Gulp中，你也可以使用require('modules') --这与Browserify有什么不同呢？例如：
var browserify = require('browserify');
var gulp = require('gulp');
浏览 0提问于2016-08-24得票数 0
1回答
这里有人知道如何将数据注入Browserify应用程序吗？
我的意思是，我使用Browserify创建一个大的包app.js文件。
但是，当我的单个页面应用程序启动时，服务器还会在加载应用程序的HTML页面中添加一些引导数据，这样应用程序就不必向服务器发出ajax请求才能获得这些数据。
现在，服务器呈现的用于启动应用程序的HTML模板如下所示：
<script type="text/javascript" >
window.bootstrapData = @Html(utils.CustomSerializer.serialize(bootstrapData));
浏览 7提问于2014-08-12得票数 2
回答已采纳
我正在努力获取使用Chrome的JavaScript文件的源代码地图。当前gulp脚本的问题是源映射( Browserify创建的)导致文件的小型化版本。
例如，假设app.jsx是Browserify的一个条目文件，其中包含require('a')和require('b')调用。app.jsx会按预期的方式被浏览、反应和升级，并写入app.js。但是，模块a和模块b中的所有源映射引用也被缩小：
var gulp = require('gulp'),
browserify = require('browserify'),
浏览 2提问于2014-12-08得票数 7
2回答
Browserify npm库
、、、、
我有一个经过良好测试的npm库()，我想用浏览器来验证它，这样它就可以在浏览器应用程序中使用。
完整的源代码在这里：
我使用以下命令行成功地将该库构建为一个整体包：
browserify index.js -g uglifyify -o ./dist/yuml-diagram.min.js
然后，我尝试以与Node-JS中类似的方式使用它，建议在几个地方使用：
<html>
<head>
<script src="https://gist.githubusercontent.com/jaime-olivares/5cd18b40f2
浏览 0提问于2019-06-08得票数 0
2回答
我试着使用react制作一个简单的联系人列表，当我执行"gulp“命令时，一切都很好，但是当我使用chrome时，它没有显示任何内容。镀铬控制台写着：
"Uncaught :意外令牌<“在我的main.js:10文件中
但我觉得没什么。
这是我的main.js文件：
var App = require('./components/App');
var React = require('react');
var ReactDOM = require('react-dom');
var AppAPI = require(
浏览 4提问于2016-03-30得票数 1
我使用Browserify从index.html文件中访问节点模块(托管在Google上)
我将模块导入到"main.js“文件中，如我所见，这是Browserify文档中的标准，如下所示：
var request = require('request');
var fs = require('fs');
然后使用以下命令将其打包到一个bundle.js文件中：
browserify main.js -o bundle.js
这将成功地生成所需的bundle.js文件。然后，在我的index.html中的标题顶部包括以下内容：
<HEAD>
浏览 4提问于2017-01-03得票数 0
我试着遵循这一页，
1)安装npm简单对等程序(检查)
2)创建一个html页面:缺少bundle.js吗？
3)下一个代码窗口根本没有指明它是什么。是html文件的JS，还是节点中的代码。不知道..。由于browserify (如果我正确理解)允许您在浏览器中使用require() .
有人能澄清吗？
浏览 2提问于2016-03-11得票数 0
我对JavaScript及其捆绑在浏览器中使用的模块的技术是新手，比如Browserify、Webpack等。所以请耐心等待： 假设我有三个JavaScript文件，每个文件定义一个类： file1.js class MyClass1 {
constructor() {
...
}
...
} file2.js class MyClass2 {
constructor() {
...
}
...
} 现在，在第三个文件main.js中，我希望使用其他两个文件中定义的类，如下所示： class MainClass {
const
浏览 19提问于2019-09-26得票数 0
1回答
我经常看到以浏览器为中心的javascript库，可以选择通过npm安装。
有没有理由使用npm而不是只使用<script src="cdn-url"></script>来安装它？
我加载了很多库，所以我想获取这些文件可能是个好主意，所以我不会发出太多的url请求(即使所有的请求都是针对CDN的)。
我可以通过npm安装，然后使用<script src='/node_modules/...'></script>，但是我需要使用express.static()或类似的东西使这些路径可公开访问。
我知道我可以使用web
浏览 0提问于2016-10-18得票数 0
我有一个后端，给我的Androids应用程序一个签名的网址，它可以用来上传文件。现在我想用可恢复的上载和进度监听器来扩展它。我想知道是否有可能使用Firebase Storage从我的Android应用程序中使用签名的urls进行上传。我试着用
FirebaseStorage.getReferenceFromUrl(<signed-url>)
但这将给我以下例外：
java.lang.IllegalArgumentException: Firebase Storage URLs must point to an object in your Storage Bucket. Plea
浏览 16提问于2019-11-22得票数 0
我的browserify工作流程(从咖啡到js，使用browserify-shim和coffeeify)是这样的：
我有两个主要文件，app.coffee和_app.coffee，分别用于前端和后端。这两个文件分别位于resources/coffee/front和resources/coffee/back中。我正在尝试在laravel elixir中包含browserify任务，所以结果文件将在public/js/app.js和public/js/_app.js上，并且可以在以后修改到build文件夹。
到目前为止，我已经尝试通过在elixir的node_modules ingredients
浏览 1提问于2015-03-09得票数 7
我试着写这些代码
gulp.task('script', function() {
'use strict'
return gulp.src(['app.js', 'components/**/*.jsx'])
.pipe(babel())
.pipe(browserify())
.pipe(gulp.dest("dist"));
});
但它显示了一些错误：
SyntaxError:
/Users/Zizy/Programming/learn-react-js/componen
浏览 0提问于2015-11-26得票数 11
回答已采纳
我已经设置了药剂使用Vueify与热重新加载插件。所有编译都正常，但是我在编译的文件上得到了一个控制台错误，Vue组件似乎没有转换为html，它仍然显示了<app></app>标记。如果我删除热重新加载插件从灵丹妙药，页面呈现良好。
错误是：
Uncaught TypeError: Cannot read property 'indexOf' of undefined
控制台输出它
[HMR] Attempting websocket connection to http://localhost:3123
app.js:10904 Uncaught Ty
浏览 3提问于2016-07-01得票数 3
回答已采纳
我希望jspm安装到一个不同的目录(wwwroot)，所以它需要将它的config.js和jspm_packages文件夹放在那里。但我希望config.js不要包含wwwroot，因为当您在网站上时，这是根目录()，而当它查找wwwroot\jspm_packages时，它无法找到它们。有没有办法做到这一点？
package.json
{
"name": "angular2-aspnetcore-starter",
"version": "1.0.0",
"description": "Ang
浏览 0提问于2016-01-25得票数 0
Browserify功能强大，可用于从nodejs模块文件生成单个js文件，这使得开发人员可以重用多个可在浏览器中使用的节点js模块。在web发布时，我们需要使用google closure或uglifyjs来压缩或压缩js文件。有没有使用browserify和闭包/unlifyjs的最佳实践？我应该先在一个文件中浏览我的js项目，然后再压缩这个文件，还是反之亦然？
浏览 4提问于2015-09-27得票数 1
我正在尝试构建一个独立的JS，它使用主干/jquery。下面是一个，它代表了我要构建的库。
对于这个库，我有几个目标：
不要暴露任何球状物(妥善包装，以免漏水)
不要受任何其他包工具(如requireJS )的影响
这个库可以加载到任何其他网站，我不希望与JS发生任何冲突(这是我无法控制的)，比如requireJS
因此，我的理解是，我可以使用browserify-shim对这些模块进行适当的调整，这样它们就可以像预期的那样在require中使用。我非常肯定，当defines和require封装这些模块时，shim应该解除它们，这将达到目标#2。目标#1希望通过
浏览 2提问于2014-06-22得票数 1
我有一个test.js脚本，它定义了一个类App，这是从一个超文本标记语言文件加载，所有的工作。
当我使用browserify或webpack从test.js创建testBundle.js包时，testBundle.js中的App类似乎没有更多的定义。
我应该如何编写代码，或者我应该为browserify提供什么选项来定义App并像以前一样从HTML中使用它，但是从bundle中使用呢？
捆绑后我得到的错误是：
Uncaught ReferenceError: App is not defined
html文件如下所示：
<html>
<script src="
浏览 6提问于2017-01-26得票数 8
回答已采纳
1回答
我通常在aspx页面的<head>中有类似这样的内容。
<script src="jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.8.24.custom.min.js" type="text/javascript"></script>
<script src="jquery/jquery.floatingFixed.js&
浏览 4提问于2012-11-30得票数 0
回答已采纳
2回答
我连接到了firebase，但是我不能让它渲染我的角度标签。我已经阅读了下面的文章和其他几篇文章，但我只是不能让它呈现出来。
当我部署到firebase时，它从原生超文本标记语言呈现“test3”，而不是应用程序根目录或component1。快把我逼疯了！有人能帮帮忙吗？
dist文件夹中的索引：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=de
浏览 15提问于2020-11-12得票数 0
回答已采纳
我一直收到这样的错误： main.js:1 Uncaught ReferenceError: require is not definedat main.js:1 还有这一条： format.html:6 GET http://127.0.0.1:5500/common.js net::ERR_ABORTED 404 (Not Found) 我已经下载了Common JS，并将其包含在我的HTML脚本中。 HTML： <html lang="en">
<head>
<meta charset="UTF-8">
浏览 57提问于2021-01-27得票数 0
回答已采纳
Browserify自述描述了创建外部需求，如：$ browserify -r through -r duplexer -r ./my-file.js:my-module > bundle.js
然后，在您的页面中，您可以：
<script src="bundle.js"></script>
<script>
var through = require('through');
var duplexer = require('duplexer');
var myModule = require(
浏览 8提问于2016-04-14得票数 9
回答已采纳
我刚开始使用Gulp，基本上是做了一个练习来理解所有这些细节。
我通过Bower安装了一个名为Skrollr 的包
吞咽任务
gulp.task('browserify', () => {
// For the sake of brevity, I'm only listing one package here
var bower = [
'bower_components/skrollr/dist/skrollr.min.js',
];
return browserify(bower)
浏览 7提问于2016-06-07得票数 0
当我用import语句在gulp中运行browserify时，我得到了一个错误。我可以在没有它的情况下将它捆绑在一起，但是我得到了类型错误。我有几个导入类型的文件，然而，当我尝试运行browserify时，我得到
错误:无法从'/Users/lonniemcgill/Desktop/Projects/Typescript/ssadmin/development/assets/ts/views‘中找到模块'chart.js’
我的tsconfig如下所示：
{
"files": [
"ts/main.ts"
],
浏览 2提问于2017-05-05得票数 1
1回答
我正在读一个非常有趣的。对backbone.js的看法似乎很酷
在“变送器和视图”部分中，它有一个代码片段，说明您可以使用browserify，而我不知道在这个场景中，browserify是如何适应的。
var AmpersandView =需要量(‘ampersand-view’)；
var ProfileView = new AmpersandView.extend({
// A View template is not more than a string of HTML.
*******
RIGHT HERE --->>> // You c
浏览 12提问于2016-08-13得票数 0
我见过很多结合使用Browserify和Backbone的例子。如果我的视图不是从JS呈现的怎么办？
我有一个简单的ExpressJS应用程序，它不包含任何客户端JS框架。如何从静态HTML“链接”捆绑的JS文件中的代码？
这是我的JS文件：
function doSomething() { console.log('something done'); }
我希望在我的HTML中包含以下内容：
<script src="js/bundle.js" />
<a href="#" onclick="doSomething()
浏览 0提问于2015-03-16得票数 0
我阅读了许多关于Browserify (如 )的文章，并且始终有如下步骤：
$ browserify app/app.js | uglifyjs > app/bundle.js
这似乎是在之前完成的，您可以在浏览器中运行脚本来查看它是如何工作的。在每次更改代码时，不需要做构建吗？类似于define()函数在requirejs.
浏览 2提问于2013-12-10得票数 13
回答已采纳
1回答
我很难找到关于如何使用咕噜-褐变的解释。在他们的示例文件夹中，我在他们的基本示例下的browserify节点下查看，我看到了以下内容：
module.exports = function (grunt) {
grunt.initConfig({
browserify: {
vendor: {
src: [],
dest: 'public/vendor.js',
options: {
require: ['jquery'],
alias: [
浏览 0提问于2014-12-30得票数 6
回答已采纳
1回答
我使用下面的标签在html中添加js块。
<script crossorigin defer type="text/javascript" src="<chunk>"></script>
在body标签的末尾
从UI脚本再次加载相同的块。
我使用的是react-loadable的5.4.0版本。
有没有人看到过同样的行为？
浏览 23提问于2020-04-25得票数 0
我希望将一个类似于react-native js文件转换为纯javascript文件，这样它就可以由JavaScriptCore执行。我知道browserify可以将类似Node的文件转换为纯javascript文件。但是当我执行的时候：
browserify script.js -o bundle.js -t [ babelify --presets [ es2015 react ] ]
它返回一个错误：
Cannot find module 'ActivityIndicator' from '/home/yjy/Work/react_native/Webview/n
浏览 19提问于2016-09-07得票数 2
我在一个项目中使用Q，我使用bower来管理我的JS依赖项。我在bower.json中包含了Q2.0.0和保龄球
"dependencies" : {
"q": "~2.0.0"
}
在我的index.html中，我包括带有脚本标记的q
<script src="bower_components/q/q.js"></script>
当我加载页面时，我在控制台中看到：
未定义的ReferenceError: q.js:43
Q.js的第43行：
require("collections
浏览 5提问于2014-05-15得票数 15
回答已采纳
1回答
我正在为一个相当复杂的angular.js应用程序构建一个基本大纲。这次我选择browserify而不是require.js，因为浏览器支持cjs模块。但是现在唯一阻碍我的是browserify将每个“请求”调用捆绑在同一个文件中的事实。因此，例如，如果我有模块：
模块A(需要angular.js和jQuery)
模块B(需要angular.js和jQuery)
browserify要做的是，它将在模块A和模块B中捆绑angular和jQuery，这将首先增加代码库的大小。当我尝试将其与require.js进行比较时，很明显，require只会加载一次angular.js。那么，这是性能和灵活
浏览 2提问于2015-04-21得票数 0
3回答
我正在使用browserify (使用browserify中间件)，我如何才能要求简单的文本文件，例如：
var myTmpl = require("myTmpl.txt");
我检查了browserify的插件，但文档中的代码无法与browserify V2一起使用
浏览 1提问于2013-06-29得票数 22
1回答
我有一个纯粹的基于网络的应用程序(即没有节点服务器)，我希望能够捆绑我的所有JS文件和CSS文件的每个网页的网页应用。
我使用Gulp只是将我的JS和CSS文件缩小并连接到一个包中，但是发现我提供文件的顺序是随机的(如果您问我.)。我尝试了gulp-order和其他流排序模块，获得了更多的随机结果。
我想试试browserify，但我在两件事上被困住了
当我使用浏览器化时，我需要做module.exports吗？把我的网络应用程序想象成非常基本的。它需要jQuery、引导程序和我自己的库。没有什么比必须以正确的顺序包含文件的复杂性更复杂的了。
为什么当我尝试在构建文件(而不是命令行)中
浏览 8提问于2016-03-14得票数 0
我正在制作一个PWA，它使用Google Firebase作为后端。我已经设置了工作箱，使我的服务工作者，它正在提示所有的文件，我需要正确.除了来自gstatic.com的firebase JS文件。我使用的是Onsen和Workbox，它能够预先执行Onsen第三方文件，所以它必须与Firebase的文件有关。
这些HTML标记包括Firebase文件：
<script src="https://www.gstatic.com/firebasejs/7.0.0/firebase-app.js"></script>
<script crossori
浏览 4提问于2019-10-06得票数 1
回答已采纳
我已经尝试了很长一段时间了，有谁知道如何在express static文件夹中使用import或require。我得到的请求没有定义，我得到它在浏览器中不存在，我太懒了，不想尝试设置webpack/babel/browserify，这是唯一的方法吗?最快的方法是什么？
浏览 0提问于2021-04-06得票数 2
1回答
我的应用程序将给定语言中的消息对象加载到应用程序中。我的结构是这样的：
/lang
/en.js (100 kb file)
/ru.js (100 kb file)
/... many more
app.js (this is `MyApp` as below)
语言文件非常大，所以我想创建单独的包，然后只包含需要<script src="lang/en.js"></script>的文件。语言也可以在任何时候在应用程序中进行“切换”。
我如何告诉browserify为所有语言文件构建主应用程序和单独的包，并且仍然允许MyApp对
浏览 3提问于2015-06-10得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
