带有browserify的条件要求
Browserify是一个JavaScript模块打包工具，它允许开发者在浏览器环境中使用CommonJS模块化的开发方式。通过将多个模块打包成一个单独的文件，Browserify可以解决浏览器中无法直接使用require语法的问题，使得前端开发更加便捷。
以下是对带有browserify的条件要求的完善且全面的答案：
- 概念：Browserify是一个用于将Node.js模块打包成浏览器可用的JavaScript文件的工具。它通过静态分析模块之间的依赖关系，将多个模块打包成一个单独的文件，使得在浏览器环境中可以使用类似于Node.js的require语法来引入模块。
- 分类：Browserify属于前端开发工具的一种，用于解决前端模块化开发中的依赖管理问题。
- 优势：
- 模块化开发：Browserify允许开发者使用模块化的开发方式，将代码按照功能划分成多个模块，提高代码的可维护性和复用性。
- 兼容性：Browserify可以将使用CommonJS规范编写的模块转换成浏览器可识别的代码，解决了浏览器环境无法直接使用require语法的问题。
- 生态系统：Browserify拥有庞大的生态系统，可以使用npm安装各种第三方模块，并且可以在浏览器中直接使用这些模块。
- 应用场景：Browserify适用于任何需要在浏览器环境中进行模块化开发的场景，特别是对于大型前端项目或者需要使用大量第三方模块的项目来说，使用Browserify可以更好地管理模块之间的依赖关系。
- 推荐的腾讯云相关产品和产品介绍链接地址：腾讯云提供了一系列与云计算相关的产品和服务，其中与前端开发和浏览器环境相关的产品包括云开发（CloudBase）和云函数（SCF）。
- 云开发（CloudBase）：腾讯云开发是一款面向前端开发者的云原生全栈化开发平台，提供了云函数、云数据库、云存储等功能，可以帮助开发者快速搭建和部署前端应用。
- 云函数（SCF）：腾讯云函数（Serverless Cloud Function，简称SCF）是一种无服务器计算服务，可以让开发者在云端运行代码，无需关心服务器的运维和扩展性，非常适合用于处理前端应用中的业务逻辑。
以上是关于带有browserify的条件要求的完善且全面的答案。
相关·内容
我需要在--exclude, -u中使用package.json而不是命令行选项，但是如何使用呢？
来自：browserify test.js -u request > test.browserify.js
致：browserify test.js > test.browserify.js
可能的解决办法：
-排除有类似的package.json选项--忽略："browser": { "request": false }
-可以使用"transform“(以某种方式"browserify": {"transfo
浏览 4提问于2017-01-31得票数 0
回答已采纳
1回答
我用的是Babel和Browserify和Gulp。我想把babel-polyfill添加到我的项目中，但是很难在互联网上找到我想要做的事情。
这是我安装的node_modules：
乙烯基源流
乙烯基缓冲器
大口吞下
吞咽源图
褐化
巴贝尔化
巴贝尔-聚脂
这是我的gulpfile.js
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var gulp = require('gulp');
v
浏览 1提问于2016-04-24得票数 2
回答已采纳
我正在尝试使用带有jquery-browserify模块的browserify的jQuery。我需要client.js脚本中的模块，如下所示：
var $ = require('jquery-browserify');
当我运行我的节点服务器时，在我运行了browserify之后，我得到了一个“没有定义窗口”的错误。我做错了什么？
浏览 3提问于2012-07-08得票数 7
1回答
我一直在考虑一起使用TypeScript和Browserify。我不明白的是，它们都需要使用。TS使用时需要其他TS模块。Browserify使用它来查找其他js文件。
所以，我无法理解的是，我必须通过两个编译阶段。一个阶段将TS编译成JS (还需要Browserfiy )。第二阶段将JS (与Browserify)转换为1大文件读取以供生产。
上面这些编译器是如何知道Browserify的需求和TypeScript的需求之间的区别的呢？
浏览 4提问于2015-11-19得票数 4
回答已采纳
我的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
我正在尝试安装带有browserify的web包，如下所示：
browserify main.js > bundle.js
遵循以下说明：
终端一直显示：
browserify: command not found
即使在跑完之后
npm install -g browserify
已尝试使用和的解决方案。
以下是控制台窗口：
我如何才能找出哪里出了问题，以及如何修复它？
浏览 1提问于2016-04-06得票数 0
我想开始在React项目中使用Elm，但他们使用的不是Webpack，而是带有Gulp的Browserify。如何使用Browserify编译Elm？
浏览 3提问于2018-07-07得票数 1
回答已采纳
下面是我的分配器代码
var Dispatcher = require("flux").Dispatcher;
var assign = require("react/lib/Object.assign");
var AppDispatcher = assign(new Dispatcher(), {
handleViewAction: function(action){
console.log('action', action)
this.dispatch({
source: &
浏览 4提问于2016-07-21得票数 0
回答已采纳
我正在使用Browserify 11.2和Browserify Shim 3.8，并试图使用带有从CDN加载的jQuery的光滑旋转木马(通过npm包括在内)。我意识到这需要使用Browserify shim，但我无法让它工作。
这是我的package.json文件的相关部分。
"devDependencies": {
...
"browserify": "^11.2.0",
"browserify-shim": "^3.8.10",
...
"
浏览 2提问于2015-11-06得票数 2
回答已采纳
1回答
将咕噜的脚本转换为一饮而尽
、、、、
我刚接触过Grunt、Gulp、Browserify、React，并尝试通过在上给出的示例来熟悉它们。我在这里发的咕噜的文件来自那篇文章。我想要做的是写一个同等的吞咽文件，做同样的事情。我设法做到了，见下文(通过复制粘贴当然！)但我有点困惑。我看到一些吞咽文件使用如下：
.pipe(react())
.pipe(browserify())
但是下面的gulp文件使用transform并传入"reactify“。它甚至不是require模块的一部分。那是从哪来的？它是吞咽反应模块还是Browserify模块的一部分？
如果缺少像Leiningen那样的模块，Gulp会自动安装吗？
另一个
浏览 1提问于2014-04-01得票数 2
回答已采纳
我的应用程序的背景-它是一个ASP 5 ('vNext'，MVC 6)。该项目使用Visual 2015与集成使用gulp重新生成我的客户端脚本，带有浏览器化和gulp。
所以我有一个“.jsx”源文件，需要stmts，比如：
var DatePicker = require('react-toolbox/lib/date_picker');
var React = require('react');
var ReactDOM = require('react-dom');
...and --我通过浏览器化来运行它，并且一切都按照
浏览 1提问于2016-06-12得票数 0
3回答
我想在浏览器中使用我的NodeJS模块，所以我使用browserify来处理它。
现在，如何阻止browserify将模块的依赖项包含在包文件中？在本例中，依赖项是lodash，我将分别在index.html中加载它。
到目前为止，我得到的是：
index.html
<script src="lodash.js"></script>
<script src="my-module.js"></script>
index.js
var _ = require('lodash');
_.each([0,
浏览 0提问于2015-02-25得票数 5
回答已采纳
1回答
我有一个Javascript文件，其中需要将数据保存到Mongoose模式中，然后插入到MongoDB表中。模式是在单独目录中的文件中定义的，因此我试图通过在文件顶部包括以下行来导入它：
//import schema for sketches
var SketchSchema = require('../schemas/sketch_objs');
然后我得到了“未定义的ReferenceError: require”错误，我发现是由于客户端不存在require()这一事实造成的。正如那篇文章的答案所建议的那样，我安装Browserify是为了能够要求模式javascript
浏览 5提问于2016-08-21得票数 0
我正在使用Browserify创建一个包，其中包含一个导出函数，我想在<script>标记中调用该函数。在我require引导之前，一切都很好，此时函数不再可访问，我得到了错误：
TypeError: mainBundle.greeting不是一个函数
下面是代码：
JavaScript (main.js)：
window.jQuery = require('jquery');
window.$ = global.jQuery;
module.exports = {
greeting
};
function greeting (name) {
r
浏览 0提问于2019-01-12得票数 0
2回答
我正在尝试开发一个npm库，但当我在另一个应用程序中使用它时，例如：
import React from 'react';
import SmallGrid from 'react-smallgrid';
export default class Library extends React.Component{
我得到以下错误：
$ grunt browserify
Running "browserify:jsx" (browserify) task
>> /Users/me/code/myapp/node_modules/rea
浏览 3提问于2016-01-19得票数 0
回答已采纳
我有一个简单的hello world脚本main.js：
window.addEventListener('load', function() {
"use strict";
document.getElementById('output').textContent = "Hello, browser.";
});
如果我使用以下方法构建bundle.js：
browserify -r ./main.js > bundle.js
它不在浏览器中运行。没有错误，只是没有执行。如果我用：
browserify -
浏览 2提问于2015-06-08得票数 0
回答已采纳
我正在寻找一个代码高亮器，将支持主要的编码语言(sass/scss也)，并将很好地与Browserify工作。
目前我正在使用，它工作得很好(作为荧光笔)，但我似乎无法使它与Browserify一起工作。最近，我开始使用Browserify (这太棒了)，并且可以很好地处理所有脚本和模块，除了荧光笔(我需要)。
是否有一个很好的代码高亮器，可以在没有重大黑客攻击的情况下流畅地使用Browserify？)
提前谢谢。
浏览 3提问于2015-05-16得票数 1
回答已采纳
我想使用script.js将我的bundel.js文件转换为browserify文件。
browserify script.js > bundel.js
这里我有个错误：
错误:无法遍历依赖关系图:无法从C:\Users\ASUS_fake.js所需的“C：\Users\ASUS_fake.js”中找到模块“C：\Users\ASUS\nodescript.js”
浏览 1提问于2020-08-12得票数 4
我创建了一个gulp任务，用于使用browserify捆绑模块，并且我正在使用watchify来监视更改。以下是我对watchify的吞咽任务：
gulp.task('watch:browserify', function () {
var opts = assign({}, watchify.args, {
entries: ['./js/app.js'],
debug: true,
basedir: './app/',
paths: ['./lib']
浏览 0提问于2015-06-11得票数 12
好吧，我开始很简单地理解发生了什么:所以我有一个依赖于jQuery的插件，从那里算一下，我会在此基础上添加更多的插件。然而，我唯一能得到的工作就是jQuery本身。
这是我从终端得到的错误：
[13:24:27] { [Error: Cannot find module 'jquery.mixitup.js' from '/Users/antonioortiz/Dropbox/developer_folder/browserify_app/app/_js']
这是我的设置：
package.json
"main": "./app/_js/
浏览 10提问于2015-10-10得票数 0
2回答
我正在建立一个与browserify和ui-router的小角度应用程序。因为我不想使用服务器，所以我想使用angular的$templateCache存储我的所有模板，如下所示：
exports.templateCache = ["$templateCache", function($templateCache) {
'use strict';
$templateCache.put('partials/someState.html',
"myHtmlCode"
);
}];
为了填充缓存，我使用grunt查
浏览 0提问于2014-10-22得票数 10
我正在为一个需要包括在后端和前端的react应用程序编写一个模块。
在我的代码中的某些地方，我需要一些svg文件(我为它使用了一个browserify模块，但这与问题无关)。
例如，我的./src/js/components/tools/svg.js中有以下代码：
// ...
var BACKEND = /* code to detect if this is running on browser or on node */;
var svg;
if ( BACKEND ) {
svg = require("./../../../icon/" + this.props
浏览 1提问于2014-12-24得票数 1
3回答
您好，我正在使用grunt browserify任务来设置我的代码，我已经在jQuery中进行了填充，现在我正在尝试包含jquery.tablesorter。
jquery插件可以通过这种方式与browserify一起使用吗？
shim: {
jquery: {
path: 'lib/bower/jquery/jquery.js',
exports: '$'
},
'jquery.tablesorter': {
path: 'lib/bower/jquery.tabl
浏览 5提问于2014-01-22得票数 11
回答已采纳
1回答
我正在使用browserify让node.js在浏览器上运行。我想要执行一个子进程，所以我在index.js中执行类似的操作
var exec = require('child_process').exec;
//I'm just checking the node version installed, you can do your own process here
var ls =exec('node -v', function(error, stdout, stderr) {
console.log('stdout: '
浏览 2提问于2015-07-20得票数 2
回答已采纳
我的设置看起来就像是带有browserify-shim的，并且所有的依赖项都设置好了。我没有得到在Browserify抱怨找不到模块的那个问题中报告的问题。
相反，在页面加载时，我得到Uncaught TypeError: $picker.slick is not a function，$picker是一个jQuery对象。希望我能找到一个明确的解决方案。
，所以理想情况下我们不会这么做。还有。现在，我已经在package.json中设置了browserify，但我不确定如何转换它。
此外，我还使用了gulp browserify的抽象，尽管不是在Laravel项目中。实际上是WordPres
浏览 2提问于2016-05-05得票数 1
3回答
我希望将bootstrap.js & jquery.js (两者都安装在npm中)合并到vendors.js文件中，但仍然能够通过调用require('$')来使用jquery。所以我创建了gulp任务：
'use strict';
var gulp = require('gulp'),
helpers = require('./../utilities/gulp-helpers'),
source = require('vinyl-source-stream'),
plumber = require(
浏览 6提问于2014-10-21得票数 3
回答已采纳
1回答
我正在建立我的反应项目使用吞咽。建造是成功的。而且它对chrome & mozilla也很好，但是并不仅仅适用于IE，只适用于。在我的代码中，我确实导入了像这样的导入，从' React ';导入
下面是我得到的控制台。
“找不到模块'react'"
如果需要更多的细节，请告诉我
gulp.task('build', function() {
return browserify({
entries: './server/es5/bcv-app.jsx',
ext
浏览 1提问于2018-07-03得票数 3
我目前正在处理一个带有节点js的铬扩展名。而且我无法调用require()代码并给我一个错误(未定义的ReferenceError: require )。当我搜索那个错误时，它需要Browserify才能工作。但不幸的是，我不明白Browserify以及如何在chrome扩展和节点js上调用它。有人帮忙吗？
浏览 3提问于2016-12-09得票数 2
回答已采纳
如果可能的话，我正在尝试将浏览器化和虚拟工具结合起来。我在页面头加载mootools，然后尝试用Browserify可以在名为parallax.js的文件中解析类的方式定义类。
module.exports = new Class({
Implements: [Options, Events],
options: {
container: window
},
initialize: function(options) {
console.log('test');
}
});
然后，在另一个名为`ap
浏览 7提问于2014-05-30得票数 2
回答已采纳
有没有人有幸将blueimp -file-upload与browserify一起使用？在我的javascript中我有以下要求...
require("jquery");
require("blueimp-file-upload/js/jquery.iframe-transport.js");
require("blueimp-file-upload");
require("blueimp-file-upload/js/jquery.fileupload-angular.js");
当我使用得到的browserified代码时，我
浏览 2提问于2015-12-21得票数 0
如何使用Browserify / Gulp获得带有"stylify“和"insert-css”的源地图？
我的吞咽javascript任务是这样的：
gulp.task('js_watch', ['environmentCheck'], function()
{
var bundle = function()
{
return bundler.bundle()
.on('start', bundleLogger.start)
.on('error', handleErrors
浏览 0提问于2015-01-16得票数 2
如何在没有额外文件的情况下正确地使用browserify或webpack来填充javascript？
让我们以使用react或react-redux为例。我在package.json中有这样的配置：
{
"browserify": {
"transform": [
[
"babelify",
{
"presets": [
"es2015",
"react"
浏览 3提问于2016-03-08得票数 0
1回答
我正在创建带有browserify的节点应用程序来模块化前端代码。不幸的是，我无法让主干工作，因为它抛出了这个错误：
Uncaught TypeError: Property '$' of object #<Object> is not a function
在此脚本之前加载jQuery：
var _ = require('underscore'),
Backbone = require('backbone');
// Here, jQuery works fine.
$(function() {
Backbone.hi
浏览 2提问于2013-10-22得票数 8
回答已采纳
我想将我的node.js应用程序作为一个单独的js文件分发。应用程序非常简单，但它依赖于一些库。
Browserify似乎很好地捆绑了npm依赖项。然而，该应用程序还依赖于fs内置的文件系统库，不幸的是，它的签名似乎没有加载。例如，下面的代码会给出undefined is not a function错误。
var fs = require('fs')
fs.readFileSync(file, 'utf8');
我知道Browserify的主要目的是将基于CommonJ的应用程序引入浏览器。但是，我想知道是否有任何方法使编译器返回到内置库的默认require全
浏览 3提问于2014-12-23得票数 6
回答已采纳
2回答
基于一些测试，我使用yepnope有条件地加载脚本，我还使用browserify，通过grunt-browserify构建脚本。现在，我希望一个脚本替换另一个脚本，但仍然通过相同的要求调用：
// if svg support, then d3.js, otherwise r2d3.js
var d3 = require('d3');
因此，d3在我的代码中被用作一个要求，也用作另一个库的依赖项。
问题是它不能用不同的require语句来完成，因为这些语句是在构建过程中完成的，而且测试不能进行，因为它依赖于用户浏览器。
因此，我需要一种方法来指定依赖项使用来自d3的window
浏览 14提问于2014-03-14得票数 2
回答已采纳
我已经安装了webpack在全球(第一)和一个特定的项目也(PC，windows 10)。项目dir似乎包含它所需的所有文件夹：
c:\Users\srgg6701\Documents\Projects\Compilers\Webpack\try>npm install webpack --save-dev
npm WARN optional dep failed, continuing fsevents@1.0.5
webpack@1.12.9 node_modules\webpack
├── interpret@0.6.6
├── clone@1.0.2
├── tapable@0.
浏览 1提问于2015-12-06得票数 6
1回答
我在使用Browserify加载Jquery时遇到了问题。
jquery和jquery的节点模块加载良好，没有任何问题。只有当我尝试使用browserify将它们放入包中并加载JqueryUI数据报警器时，浏览器中才会出现以下javascript错误：
jQuery.Deferred例外：$(.).datepicker不是函数TypeError：$(.).datepicker不是函数
app.js包含以下内容：
window.$ = window.jQuery = require('jquery');
require('jquery-ui');
我还使用
浏览 2提问于2016-08-08得票数 2
回答已采纳
TLDR；我的问题是:是否有一种方法可以使browserify不使用自己的实现覆盖require，而让它使用不同的方法名(例如browserifyRequire)来满足自己的内部需求。为了找出我为什么要这么做，请继续读.
情景
我正在尝试使用CasperJS编写一些自动化测试，并在SlimerJS中运行它们--而不是默认的PhantomJS (尽管据我所知，在PhantomJS中会遇到同样的问题)。
我真的想知道如何用CoffeeScript编写这些代码。事实证明，CasperJS或SlimerJS现在在CoffeeScript上做得不好。docs的建议是在运行casper之前编译到JS。好的
浏览 4提问于2016-04-20得票数 1
回答已采纳
我想通过使用推荐的解决方案之一来避免描述的复杂的相对路径问题。我遇到了三个类似的图书馆：
我尝试过这三种方法，但是都失败了，比如“模块找不到”或者一个类似的错误，这让我相信我做的是根本错误的事情。我对npm/节点比较缺乏经验。我只使用浏览器中的节点，使用browserify将我的应用程序捆绑到一个JS文件中。
下面是我非常简单的hello world示例：
结构：
lib/Bob.js
app.js
Bob.js
function Bob() {
return "I am bob";
}
module.exports = Bob;
app.j
浏览 2提问于2015-01-27得票数 2
我无法让与Browserify和Gulp一起工作
我的文件结构(只包括相关内容)
-index.html
-build
-js
-modules.js
-routing.js
-js
-modules.js
在我的gulpfile.js中的包任务，它使用browserify以便能够在实际的routing.js文件中使用Navigo
gulp.task('bundlemods', function() {
var bundleMods = browserify('./js/modules.js')
.
浏览 2提问于2017-03-08得票数 0
回答已采纳
2回答
在Ubuntu 18.04上使用Vue 2.9.4时，所有命令都会返回错误"Unknown command“
compustretch@instance-1:~/vuetest$ vue init webpack testapp
Unknown command init.
vue-cli · Failed to download repo vuejs-templates/[object Object]: Response code 404 (Not Found)
compustretch@instance-1:~/vuetest$ vue list
Unknown
浏览 708提问于2018-05-31得票数 1
回答已采纳
我刚刚开始使用，但是我找不到关于如何让它输出最小化输出的文档。
所以我看起来像这样：
$> browserify main.js > bundle.js --minified
浏览 7提问于2013-03-24得票数 93
回答已采纳
1回答
我有一个项目，其中我使用的是带有节点的浏览器，而不是在浏览器上。
我想要browserify我的项目，并使它可以从browserify过程中忽略一个显式的模块。假设我使用的是lodash、knex和bluebird。我仍然希望使用node_modules中的knex副本。我该怎么做呢？
浏览 0提问于2016-06-13得票数 0
1回答
我最近完成了从Grunt到Gulp的过渡。不过，我还是很新的，有人能告诉我使用和只使用Browserify有什么区别吗？
我知道现在被列入了黑名单，我看到了一些关于它的讨论。我想知道Browserify所没有的Gulp版本做了什么？
浏览 3提问于2015-01-21得票数 2
回答已采纳
我试着重复一下这个教程：
但是在安装browserify之后，我看不到文件夹：node_modules/.bin
相反，我看到一个文件夹node_modules/browserify。在里面有一个bin文件夹，它的内部是cmd.js和args.js。
在我的例子中，应该如何更改这一行代码：./node_modules/.bin/browserify app.js -o app.bundle.js将所有js文件编译成一个文件？或者我需要用其他方式安装浏览器？
浏览 2提问于2016-08-30得票数 1
回答已采纳
我遵循一些教程来构建一些react应用程序。
我发现js文件包含一些类似下面这样的模块。
var $ = require('jquery');
var React = require('React');
var ReactDOM = require('react-dom');
var url = require('url');
var moment = require('moment');
var NewsItem = React.createClass({
.........code.......
我想
浏览 3提问于2015-10-16得票数 1
我使用带有browserify和grunt的angular1来构建应用程序。目前，browserify只对控制器进行打包，并在单独的ajax调用中使用ng-include获取模板。
由于有大量的ajax调用，我希望将模板与browserify打包在一起。我目前正在使用grunt-processhtml在我的html中包含来自javascript.I的输出。我需要知道的是如何生成像这样的输出
<script type="text/ng-template" id="/templates/*.html">
# Template content
<
浏览 22提问于2017-01-18得票数 1
关于jQuery插件，我遇到了一个关于Browserify的令人费解的问题。由于我为不同的子应用程序有多个包，为了防止重复，我在HTML中有一些全局库作为<script>标记。
我使用gulp、browserify-shim和babelify来创建包。
在package.json内部
"dependencies": {
"jquery.cookie": "^1.4.1",
...
},
"browserify-shim": {
"jquery": "global:jQuery"
浏览 2提问于2015-07-16得票数 5
回答已采纳
1回答
var moduleName = "someModule";
var myModule = require(moduleName);
我使用了browserify (通过browserify -r或API等效物)来捆绑它。
浏览 2提问于2019-01-27得票数 3
我试图在一个带有Browserify的项目中同时包含knockout和knockout-projections。我正在使用browserify-shim将所有内容绑定在一起。
不幸的是，knockout-projections代码在需要knockout时会失败，无论是编译时错误还是运行时错误--取决于shim的设置。
为了说明这个问题，我设置了一个github存储库：。
浏览 2提问于2014-06-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
