使用npm script运行webpack

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

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

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

bash 复制代码
"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 字段里定义一个任务

bash 复制代码
{
  "scripts": {
    "build": "webpack"
  }
}

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

相关推荐
大怪v16 小时前
前端:人工智能?我也会啊!来个花活,😎😎😎“自动驾驶”整起!
前端·javascript·算法
我是天龙_绍16 小时前
vue3 props 如何写ts,进行类型标注
前端
叫我詹躲躲16 小时前
n8n 自动化工作流平台完整部署
前端·langchain·领域驱动设计
遂心_18 小时前
为什么 '1'.toString() 可以调用?深入理解 JavaScript 包装对象机制
前端·javascript
IT_陈寒18 小时前
JavaScript 性能优化:5 个被低估的 V8 引擎技巧让你的代码快 200%
前端·人工智能·后端
岛风风18 小时前
关于手机的设备信息
前端
ReturnTrue86819 小时前
nginx性能优化之Gzip
前端
w_y_fan19 小时前
Flutter 滚动组件总结
前端·flutter
wuli金居哇19 小时前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort19 小时前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript