Browserify - combine external modules into a single bundle

Question

Browserify - combine external modules into a single bundle

I am a complete beginner in the world of browserify. I recently discovered this interesting module called peer-file, which allows for file transfer between two browsers. After reading the Usage section in its readme, I realized I needed to include the script bundle.js in my web page. To create the bundle, I followed the instructions and used the command

browserify -r ./index.js > build.js

. The '-r' option stands for external require, which enables me to use the 'require()' keyword in my main script like so:

var send = require('peer-file/send')
var receive = require('peer-file/receive')

However, upon loading the web page, I encountered an error in the console:

Uncaught Error: Cannot find module 'peer-file/send'

Do you have any suggestions or solutions for this issue?

javascript npm browserify

Answer 1

Answer №1

When examining the index file, you can find it at the following link: https://github.com/michaelrhodes/peer-file/blob/master/index.js

The file includes functions called send and receive in its exports. To access these functions, you first need to obtain a handle to them using dot notation.

var send = require('peer-file').send;
var receive = require('peer-file').receive;

Alternatively, you can retrieve the entire module at once:

var peerFile = require('peer-file');

// Later
peerFile.send..
peerFile.receive..

Answer 2

When examining the index file, you can find it at the following link: https://github.com/michaelrhodes/peer-file/blob/master/index.js

The file includes functions called send and receive in its exports. To access these functions, you first need to obtain a handle to them using dot notation.

var send = require('peer-file').send;
var receive = require('peer-file').receive;

Alternatively, you can retrieve the entire module at once:

var peerFile = require('peer-file');

// Later
peerFile.send..
peerFile.receive..

Browserify - combine external modules into a single bundle

Answer №1

Similar questions

What is the best way to prevent the chaining of promises and catches in JavaScript?

After integrating React-Bootstrap, the npm start command fails to function

What is the method by which jQuery achieves synchronous behavior in its $.ajax function?

Managing the state in NextJS applications

An issue occurred with Meteor while attempting to load or refresh the page: A Tracker afterFlush function threw an exception that is undefined

Set up ExpressJS to utilize port 3000 for the server

Adding li elements dynamically, how can we now dynamically remove them using hyperlinks?

"Learn the process of setting a variable in ng-model within an input field based on a specific condition

Ng-Repeat is generating empty list items

Retrieving information from a separate JavaScript file

Executing ng-click to access outer controller from within nested ng-controllers

"Enhancing Hangman by updating the object-oriented array of values

Avoid triggering the pointerenter event when touching and subsequently moving into an element

Using scripted <svg> with <defs> and attempting to reference it via JavaScript results in failure

Obtain the data stored in an object within an array

The <el-dropdown> function is currently facing a problem and is unavailable for use

Ways to handle deprecation alerts issued by npm

Unraveling JSON data within an AngularJS controller

Ways to loop through HTML elements based on certain criteria?

Use the $.get() method in JavaScript to send a parameter to my controller function