<\/span><\/h3>\nNPM scripts<\/strong> They are commands defined in the file package.json<\/code> of a project that allow you to execute automated tasks, such as starting the server, running tests, or compiling code. These scripts use the command line and can invoke any executable or instruction available in the environment's PATH.<\/p>\n<\/span>Benefits of Using NPM Scripts<\/span><\/h3>\n\n- Command simplification<\/strong>: Summary of complex processes in simple commands.<\/li>\n
- Personalization<\/strong>: They adapt tasks to the project workflow.<\/li>\n
- Portability<\/strong>: They make the project configuration consistent and transferable between different development environments.<\/li>\n<\/ul>\n
<\/span>Configuring Scripts in a package.json File<\/span><\/h2>\nWe are going to detail how to add custom scripts to the package.json<\/code> and the typical conventions for doing so.<\/p>\n<\/span>Basic Structure of the "scripts" Field<\/span><\/h3>\n{ "scripts": { "start": "node app.js", "test": "jest" } }<\/code><\/pre>\n<\/span>Predefined Scripts<\/span><\/h4>\nNPM provides a series of predefined scripts<\/strong> (start<\/code>, test<\/code>, install<\/code>, etc.) that have a special behavior, since they can be executed without the need to precede them with run<\/code>.<\/p>\n<\/span>Creating Custom Scripts<\/span><\/h3>\nTo create a custom script, simply add a new key with its corresponding command to the field scripts<\/code> inside of the package.json<\/code>.<\/p>\n{ "scripts": { "build": "webpack --config webpack.config.js", "dev": "nodemon server.js" } }<\/code><\/pre>\nTo run these custom scripts, we use npm run<\/code> followed by the script name, such as npm run build<\/code> o npm run dev<\/code>.<\/p>\n<\/span>Arguments and Environment Variables<\/span><\/h3>\nAdditionally, it is possible to pass arguments and use environment variables in our scripts. NPM makes it easier for us to pass additional arguments using the double hyphen --<\/code>.<\/p>\n{ "scripts": { "test": "jest", "test:watch": "npm run test -- --watch" } }<\/code><\/pre>\n<\/span>Good Practices in NPM Script Administration<\/span><\/h2>\nWhen working with scripts, it is important to follow certain best practices to maintain code quality and scalability.<\/p>\n
<\/span>Script Modularization<\/span><\/h3>\nAvoid writing extremely long and complex scripts in a single line. Instead, create separate modules or scripts and reference one within another.<\/p>\n
<\/span>Script Description<\/span><\/h3>\nUse comments or an additional document to describe what each script does, especially if the project is accessible by multiple developers.<\/p>\n
<\/span>Command Consistency<\/span><\/h3>\nMaintain a consistent structure in script names and their corresponding actions.<\/p>\n
<\/span>Using Package Runners<\/span><\/h3>\nConsider using tools like npm-run-all<\/code> to run multiple scripts concurrently or sequentially.<\/p>\n<\/span>Tools and Libraries to Extend the Functionality of NPM Scripts<\/span><\/h2>\nNot all packages or commands must be installed globally, and some tasks may require additional tools that NPM scripts may not offer on their own.<\/p>\n
<\/span>npm-run-all<\/span><\/h3>\nThis tool allows you to run multiple NPM scripts sequentially or in parallel. It is useful for building multiple assets at the same time or running multiple services.<\/p>\n
<\/span>Concurrently<\/span><\/h3>\nSimilar to npm-run-all<\/code>, concurrently<\/code> It is used to run multiple commands simultaneously.<\/p>\n<\/span>Cross-env<\/span><\/h3>\nCross-env<\/code> is a library that allows you to set environment variables in a way that is compatible with various operating systems.<\/p>\n<\/span>PM2<\/span><\/h3>\nPM2 is a production process manager for Node.js applications, which can be useful for running and monitoring applications in production environments.<\/p>\n
<\/span>NPM Script Automation in the Software Lifecycle<\/span><\/h2>\nNPM scripts can be integrated into the software development lifecycle to perform automated builds, tests, and deployments.<\/p>\n
<\/span>NPM Lifecycle Hooks<\/span><\/h3>\nNPM defines several lifecycle hooks such as preinstall<\/code>, postinstall<\/code>, prepublish<\/code>, etc., which are executed automatically in different phases of package management.<\/p>\n<\/span>Integration with CI\/CD Tools<\/span><\/h3>\nNPM scripts can be configured to run automatically as part of continuous integration and deployment (CI\/CD) pipelines to ensure that testing and builds are performed before deployment.<\/p>\n
<\/span>Automation of Maintenance Tasks<\/span><\/h3>\nSpecific scripts can be programmed to automate project maintenance tasks, such as clearing caches, updating dependencies, among others.<\/p>\n
<\/span>NPM Scripting Case Studies<\/span><\/h2>\nWe will illustrate with examples how NPM scripts can be applied to solve common development tasks.<\/p>\n
<\/span>Local Development With Nodemon<\/span><\/h3>\n{ "scripts": { "start": "nodemon app.js" } }<\/code><\/pre>\n<\/span>Creating Deployment Environments with Docker<\/span><\/h3>\n{ "scripts": { "docker:build": "docker build -t my-application.", "docker:run": "docker run -p 3000:3000 my-application" } }<\/code><\/pre>\n<\/span>NPM Cache and Cleanup Tasks<\/span><\/h3>\n{ "scripts": { "clean": "npm cache clean --force" } }<\/code><\/pre>\n<\/span>Conclusion<\/span><\/h2>\nNPM Script Management is an integral and powerful part of JavaScript project management. They provide an efficient way to automate and standardize tasks, ensuring that development teams can maintain a consistent and effective workflow.<\/p>\n
With best practices, appropriate tools, and a clear understanding of how to integrate these scripts into our development processes, we can achieve significant improvements in productivity and code quality.<\/p>\n
JavaScript developers, from beginner to advanced, will benefit greatly from effectively including NPM scripts in their coding routine. The key is to understand your potential and make the most of it.<\/p>","protected":false},"excerpt":{"rendered":"
Managing and automating software development tasks is a standard practice in today\u2019s industry. NPM (Node Package Manager), being one of the fundamental tools in the JavaScript ecosystem, offers an efficient and flexible scripting system. In this article, we will explore in depth how to manage NPM scripts to streamline and optimize development [\u2026]<\/p>","protected":false},"author":1,"featured_media":24540,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[420,2207,1125],"tags":[720,205,90,580,185,2208,613,1395],"class_list":["post-24539","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-nodejs","category-npm","tag-administracion","tag-blog","tag-con","tag-espanol","tag-javascript","tag-nodejs","tag-npm","tag-scripts"],"_links":{"self":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/posts\/24539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/comments?post=24539"}],"version-history":[{"count":0,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/posts\/24539\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/media\/24540"}],"wp:attachment":[{"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/media?parent=24539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/categories?post=24539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nelkodev.com\/en\/wp-json\/wp\/v2\/tags?post=24539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}