使用npm script运行webpack

ops/2024/9/22 22:39:14/

npm(Node Package Manager)是 Node.js 的包管理工具,用于安装、发布和管理 Node.js 包。

在安装node的时候,就默认安装了npm

Npm Script 则是 Npm 内置的一个功能,允许在 package.json 文件里面使用 scripts 字段定义任务,比如下面这个:

"scripts": {"test": "echo \"Error: no test specified\" && exit 1"
}

scripts字段是一个对象,每一个属性对应一段脚本,以上定义了任务 test。 Npm Script 底层实现原理是通过调用 Shell 去运行脚本命令,例如执行 npm run test 命令等同于执行命令 echo \"Error: no test specified\" && exit 1。

一旦在 package.json 中定义了脚本,你就可以使用 npm run <script-name> 命令来运行它。

可以向 npm 脚本传递参数,这些参数可以通过 `--` 分隔符传递给脚本,比如 npm run test -- --verbose,这将向test脚本传递 --verbose参数。

npm 还定义了一些预定义的脚本名称,如 `npm start`、`npm test` 等。你可以直接使用这些预定义脚本名称,而不需要在 `scripts` 字段中定义它们。当然,也可以定义一个名为start的任务,这样执行npm start就不是执行预定义脚本,而是执行在package.json中定义的start脚本。

Npm Script 还有一个重要的功能是能运行安装到项目目录里的 node_modules 里的可执行模块,比如之前安装了webpack,是无法直接在项目根目录下通过命令 webpack 去执行 Webpack 构建的,直接执行webpack命令会报错 command not found: webpack。

而是要通过命令 ./node_modules/.bin/webpack 去执行。

Npm Script 能方便的解决这个问题,只需要在 scripts 字段里定义一个任务

{"scripts": {"build": "webpack"}
}

Npm Script 会先去项目目录下的 node_modules 中寻找有没有可执行的 webpack 文件,如果有就使用本地的,如果没有就使用全局的。 所以现在执行 Webpack 构建只需要通过执行 npm run build 去实现。


http://www.ppmy.cn/ops/37217.html

相关文章

分布式与一致性协议之ZAB协议(六)

ZAB协议 成员发现 成员发现是通过跟随者和领导者交互来完成的&#xff0c;目标是确保大多数节点对领导者的关系没有异议&#xff0c;也就是确立领导者的领导地位。成员发现的实现流程如图所示。 1.领导者选举结束&#xff0c;节点进入跟随者状态或者领导者状态后&#xff0…

ArrayList和LinkedList的区别

ArrayList 和 LinkedList 都是 Java 中提供的用于存储一组元素的集合框架&#xff08;Collection Framework&#xff09;中的类&#xff0c;它们都实现了 List 接口。然而&#xff0c;它们在内部实现、性能特性以及使用场景上存在显著的区别。 一、主要区别 内部实现&#xff…

Facebook之道:探索社交媒体领域的未来

随着科技的不断发展&#xff0c;社交媒体已经成为我们日常生活中不可或缺的一部分。而在这个领域中&#xff0c;Facebook一直是引领者和领头羊。然而&#xff0c;随着时间的推移&#xff0c;社交媒体领域正在发生着翻天覆地的变化&#xff0c;而Facebook又将何去何从&#xff1…

Conda下Richdem包遇到问题

Conda中Richdem包遇到问题 文章目录 Conda中Richdem包遇到问题问题一报错解决 问题二报错解决 参考 问题一 报错 RichDEM 是一套数字高程模型 &#xff08;DEM&#xff09; 水文分析工具&#xff0c;这次打算用richdem进行地形分析&#xff0c;尝试在conda里面安装richdem包的…

C++:string类(第二章)

hello&#xff0c;各位小伙伴&#xff0c;本篇文章跟大家一起学习《C&#xff1a;string类》&#xff0c;感谢大家对我上一篇的支持&#xff0c;如有什么问题&#xff0c;还请多多指教 &#xff01; 如果本篇文章对你有帮助&#xff0c;还请各位点点赞&#xff01;&#xff01;…

双ISP住宅IP有何优势?

双ISP住宅IP在当前的互联网环境中具有显著的优势&#xff0c;这些优势主要体现在网络连接的稳定性、安全性、速度以及业务适用范围等方面。以下是对双ISP住宅IP优势的详细分析&#xff1a; 第一点网络连接的稳定性&#xff0c;双ISP住宅IP使用两个不同的互联网服务提供商&…

常用邮箱汇总

01. 临时邮箱 24小时邮箱&#xff1a;http://24mail.chacuo.net60分钟邮箱&#xff1a;https://www.guerrillamail.com/zh/10 分钟邮箱&#xff1a;https://linshiyouxiang.net/10 分钟邮箱&#xff1a;https://temp-mail.org/zh/10 分钟邮箱&#xff1a;https://10minutemail…

windows安装ElasticSearch以及踩坑

1.下载 elasticsearch地址&#xff1a;Past Releases of Elastic Stack Software | Elastichttps://www.elastic.co/cn/downloads/past-releases#elasticsearch IK分析器地址&#xff1a;infinilabs/analysis-ik: &#x1f68c; The IK Analysis plugin integrates Lucene IK…