执行npm run build前后自动执行脚本

记录chatGPT的问答：

Question:

angluar项目里我编写了一个compress.js脚本实现打包后自动压缩文件，如何每次执行npm run build时候自动执行该脚本

Answer:

要想在每次执行 npm run build 命令时自动执行 compress.js 脚本，可以在项目的 package.json 文件中，将该脚本添加到 build 命令中。

首先，打开 package.json 文件，找到 “scripts” 字段，看一下目前的 build 命令是否类似于下面这样：

"scripts": {

"build": "ng build"

}

如果是的话，把脚本名称添加到 “ng build” 命令的末尾，用 “&&” 连接符连接，像这样：

"scripts": {

"build": "ng build && node compress.js"

}

这样，在执行 npm run build 命令时，就会先执行 ng build 命令，然后执行 compress.js 脚本。

另外，如果想要在每次修改任何源文件后自动触发 build 命令，可以使用 Angular CLI 提供的 --watch 参数，例如：

"scripts": {

"build": "ng build --watch && node compress.js"

}

这样，每次修改文件时都会触发自动构建，并执行 compress.js 脚本。

Question:

不修改build指令，还可以怎么做

Answer:

如果不想修改 build 命令并且想保持原来的执行方式，也可以使用另一种方法来实现每次执行 npm run build 时自动执行 compress.js 脚本。

在 package.json 文件中，可以使用 “pre” 字段来定义构建命令执行前需要运行的脚本。例如：

"scripts": {

"build": "ng build",

"prebuild": "node compress.js"

}

在这种方法中，我们使用了 “prebuild” 来定义在执行 “build” 命令之前需要先运行 “node compress.js” 命令。

当我们执行 “npm run build” 命令时，实际上先会运行 “prebuild” 脚本，然后再执行 “build” 命令。这样就保证了在每次执行 “npm run build” 命令时自动执行 compress.js 脚本。

另外，同样可以使用 --watch 参数来实现在每次修改文件后自动触发构建。只需要将上面的命令改为：

"scripts": {

"build": "ng build --watch",

"prebuild": "node compress.js"

}

这样，每次修改文件后都会自动执行构建并自动压缩文件。

Question:

我需要的是执行完build后再执行compress.js

Answer:

如果你需要在执行完 build 命令之后再执行 compress.js，可以使用 “post” 字段来定义构建命令之后需要运行的脚本。例如：

"scripts": {

"build": "ng build",

"postbuild": "node compress.js"

}

在这种方法中，我们使用了 “postbuild” 来定义在执行 “build” 命令之后需要先运行 “node compress.js” 命令。

当我们执行 “npm run build” 命令时，实际上先执行 “build” 命令，然后再运行 “postbuild” 脚本。这样就保证了在每次执行 “npm run build” 命令后自动执行 compress.js 脚本。

另外，同样可以使用 --watch 参数来实现在每次修改文件后自动触发构建。只需要将上面的命令改为：

"scripts": {

"build": "ng build --watch",

"postbuild": "node compress.js"

}

这样，每次修改文件后都会自动执行构建并自动压缩文件。