📜  NPM 脚本简介

📅  最后修改于: 2022-05-13 01:56:40.070000             🧑  作者: Mango

NPM 脚本简介

NPM是一个节点包管理器。它是世界上最大的软件注册中心。该注册表包含超过 800,000 个代码包。许多开源开发人员使用 npm 来共享软件。许多组织还使用 npm 来管理私有开发。

“npm scripts” 是package.json文件的 scripts 字段中的条目。 scripts 字段包含一个对象,您可以在其中指定要公开的各种命令和脚本。这些可以使用以下命令执行 -

npm run 

NPM 脚本用于自动化任务,例如缩小 CSS、丑化 JavaScript、构建项目。 NPM 脚本用途广泛且简单,通过学习更少的工具,我们可以在我们的 Web 项目中自动执行任务。

例如,这是我们的 package.json 文件。

{
  "name": "example",
  "scripts": {
    "test": "echo 'hello world'"
  }
}

它可以使用以下命令运行 -

npm run test

当我们有重复的任务并且我们必须自动化它们时,这非常有用。

另一个 NPM 脚本中的 NPM 脚本:

{
  "name": "example",
  "scripts": {
    "start": "npm run lite",
    "lite": "lite-server" 
  }
}

因此,通过使用 npm start,它将运行另一个命令 npm run lite,lite 是 lite-server。所以运行的命令是 npm run lite-server,这将导致节点服务器运行。

Web 开发和部署需要大量重复性任务,因此需要能够自动执行这些任务的工具。

所以这里有一些可以自动化的任务。

CSS 任务:

  • 将 Sass 或 Less 编译成 CSS。
  • 运行 Autoprefixer 以添加所需的供应商前缀。
  • 缩小:在不影响功能的情况下从源代码中删除不必要的字符(空格、换行符、注释)。
  • 级联

Javascript任务:

  • JSHint:检查 JavaScript 代码是否存在错误和潜在问题(静态代码分析)。
  • 级联
  • Uglification:缩小+修饰(将局部变量减少为单个字母)。
  • 重新检查错误。

建筑项目:

  • 可以构建包含所有文件和文件夹所需的项目以及多个依赖项的项目。
  • 使用的一些包是 rimraf、copyfiles、usemin、cssmin、htmlmin、uglifyjs。

图像压缩和 BrowserSync:

  • 使用 imagemin 压缩图像。
  • 使用 onchange, watch 完成更改时自动呈现浏览器。