Utilizing browserify, uglify, and exorcist in npm scripts for efficient bundling and min

Can anyone assist me with executing a series of commands in npm scripts during the creation of a js application?

Currently, I am using the following command:

"scripts": {
    "build-js": "browserify src/app/main.js --debug | exorcist dist/app.js.map > dist/app.js",
}

This command browserifies the code and extracts sourcemaps. However, I also want to minify it using uglifyjs2.

Does anyone know how I can incorporate uglifyjs to obtain a minified source file with external sourcemaps?

Answer №1

uglifyify is a useful tool that can assist you in the following way:

browserify -t uglifyify src/app/main.js --debug | exorcist dist/app.js.map > dist/app.js

Answer №2

Here is a method to achieve the desired outcome:

"browserify": "browserify -e scripts/index.js -d -t browserify-shim | exorcist scripts/bundle.map | uglifyjs -cm > scripts/bundle.js"

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

When async is set to true in an Ajax call, the response may come

I recently developed a function that works perfectly fine when the async option is set to false. However, I am now looking to achieve the same functionality and return value but with async set to true. function Call(param, proc) { var url = "../../ ...

Import JSON Data into Angular-nvD3 Chart (AngularJS)

I am seeking help to load encoded JSON Data retrieved from a database via queries into an Angular-nvD3 graph. I am unsure about the best approach to achieve this task. The encoded JSON data is fetched using API queries from a database table called PRODUCT ...

Can you build and run a production-ready Vue application on your local system?

After running the npm run build command in my vue project, I placed the dist folder in C:\xampp\htdocs\ and launched the apache server to test the app on my local machine. However, when I try to access http://localhost/dist/index.html in my ...

Ensure that the jQuery datepicker is set with a maximum range of 365 days between the two input fields

Setting Up jQuery Datepicker Inputs I have implemented two jQuery datepicker inputs with default settings as shown below: $("#polis_date_from").datepicker({ uiLibrary: "bootstrap4", changeYear: true, changeMonth: true, dateFormat: "yy.mm.dd", ...

Is it possible to simultaneously press two keys in WebdriverIO?

Currently, I'm working on writing code with WebdriverIO that involves pressing the shift and tab keys simultaneously. So far, I've successfully managed to press each key individually using browser.keys("\uE004"); and browser.keys("\uE0 ...

The VueJS function is not defined

Looking for a way to fetch data from graphql in my vue project and store it in a variable. The function is asynchronous and the value of rawID needs to be awaited. However, there is a possibility that it could result in undefined, causing an error in the ...

What is the best way to swap out a portion of the attribute values for a group of elements using jQuery?

Currently, I am attempting to update the 'for' attributes of labels based on their existing content. The application makes use of AJAX to insert an item into an invoice without requiring a page refresh. After confirming that the item has been su ...

Guide on triggering a C# method following a JavaScript function

After updating the Input Text field in a web forms application using a JavaScript method, the change method in the C# code does not seem to work. How can I resolve this issue? <asp:TextBox ID="Value1" Columns="2" MaxLength="3&qu ...

An unforeseen character appeared amidst the propTypes declaration

Exploring the features of react-boilerplate is a fun experience. The built-in generators are quite handy. For instance, when I decide to generate a new container with all options selected as yes ... ? Select the base component type: React.Component ? Wha ...

Tips for triggering a JavaScript function within WordPress using an inline function call

While setting up my plugin in the WordPress admin area, I encountered an issue with a form that stores user information. In my file input type, there is a JavaScript function call to my custom JavaScript that I have linked. Here is the line of code causing ...

The delay in loading HTML content using FOSJsRoutingBundle and Ajax for a specific route parameter (ID)

I'm using FOSjSrouting in my symfony2.7 project. This is the code in my html.twig view: <table> <!--table header code ...etc... --> <tbody> {% for currentData in arrayData %} <tr> <td>{{ currentData. ...

What is the process for authenticating and sending a click conversion to Google Ads using a service account and the REST API with TypeScript?

I have attempted to authenticate using this documentation and to send conversions via REST API using this REST endpoint due to the absence of a Typescript/Javascript Client Library. However, I am encountering authentication issues. Once resolved, I aim to ...

Transform JavaScript code to integrate with a pre-existing WebSocket within a React.js application

I have created a JavaScript code to establish connections with my own Ruby WebSocket server, where it waits for incoming messages, parses them, and then displays content based on certain conditions (the implementation details are not relevant at the moment ...

How can I use jQuery to merge the values of two <h> tags?

There are two <h4> tags, one with a price and the other with a percentage value. I need to calculate the percentage and display it in a new <h4> tag. My previous attempts at calculation resulted in NaN. Even using alert(parseFloat(price)+parseF ...

Create copies of a single array containing objects in various new arrays

I need to create duplicates of an array of objects multiple times, as I require each one for different uses. if(!this.tempLookups){ for (let count = 0; count < this.dates.length; count++) { this.tempLookups[count] = this.lookups[key]; } ...

Extracting data from a web service and populating an OWC11 spreadsheet with 10,000 rows

Having an issue with the web service call taking too long to return. The ASP.NET page is taking over a minute to start loading. Currently, I am using C# Response.Write() to output the data to Javascript for insertion into OWC11 spreadsheet. I'm lookin ...

I'm having trouble updating npm packages due to the error "ERR! code EEXIST"

Recently, I attempted to update npm packages using the command: npm update -g Unfortunately, I encountered the following error message: npm ERR! path C:\Program Files\nodejs\npm npm ERR! code EEXIST npm ERR! Refusing to delete C:\Progr ...

Eliminating inline JavaScript code

Hello everyone, I need some help with my website. I have a series of image comparisons and I've currently used inline JS to manage them. However, as the number of comparisons has increased, I realize that inline JS is not the best solution for this. C ...

Contrasts between the AngularJS injector and NodeJS require module

I'm curious about the dependency injection concept in AngularJS and NodeJS. Is there a distinction between $injector in AngularJS and the require module in NodeJS? Could utilizing the require module be advantageous in a MEAN STACK setup as opposed t ...

Unable to retrieve DateTime.Now as a string within a Razor view

I am trying to retrieve the current time in a Razor View and utilize it in JavaScript, as demonstrated below: @{ string fileName = "Score_List_" + DateTime.Now.ToShortDateString(); } <script> // assigning C# variable to JavaScript variabl ...