Angular 2 - 是否可以在保存文件时添加命令

Question

我正在尝试将 SCSS-lint 设置到 Angular 2 项目中，虽然我可以让它在 npm start 上运行，并且如果我手动运行我的命令，我无法弄清楚如何让它在我运行时运行保存文件。

  "scripts": {
    "ng": "ng",
    "start": "npm run scss-lint && ng serve --host $npm_package_config_host --port $npm_package_config_port --ec=true",
    "start-live-data": "ng serve --host $npm_package_config_host --port $npm_package_config_port --environment=livedata --ec=true --aot",
    "start-prod": "npm run build-prod && npm run pm2:restart-prod || npm run pm2:start-prod",
    "start-prod-v2": "npm run build-prod && npm run pm2:restart-prod-v2 || npm run pm2:start-prod-v2",
    "build": "ng build --aot",
    "prebuild-prod": "npm install",
    "build-prod": "ng build --environment=production --aot",
    "test": "ng test -sm=false --code-coverage --single-run",
    "test-watch": "ng test --code-coverage",
    "test-debug": "ng test --browsers ChromeDebug",
    "lint": "ng lint",
    "scss-lint": "sass-lint 'src/**/*.scss' -v -q",
    "e2e": "ng e2e",
    "pm2:restart-prod": "NODE_ENV=production pm2 restart audience-dashboard-client",
    "pm2:start-prod": "NODE_ENV=production pm2 start -i max --name audience-dashboard-client node -- server.js",
    "pm2:restart-prod-v2": "NODE_ENV=production PORT=8085 pm2 restart audience-client-2",
    "pm2:start-prod-v2": "NODE_ENV=production PORT=8085 pm2 start --name audience-client-2 node -- server.js"
  }

npm 运行 scss-lint 上面的命令是我希望在保存 SCSS 文件时运行的命令。

以前有人遇到过这个问题吗？

******更新******

监视似乎是通过 ng serve 发生的，是否可以添加到此命令中？

Answer 1

你可以试试这个。首先安装“watch”包：

npm install watch

然后在你的 package.json 中添加你的脚本：

"scss:compiler": "./node_modules/.bin/watch \"sass-lint 'src/**/*.scss' -v -q\" src"

src 应该是您要监视更改的文件夹的名称。