Comment puis-je utiliser "regarder" dans mon mnp scripts?

J'ai la structure de répertoire suivante:

Comment puis-je utiliser

Et mon package.json ressemble à ceci:

{
"name": "personal_site",
"version": "1.0.0",
"description": "My personal website.",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"node-sass": "node-sass --output-style compressed --include-path node_modules/bourbon/app/assets/stylesheets/--include-path node_modules/bourbon-neat/app/assets/stylesheets/'src/scss/styles.scss' 'dist/css/bundle.min.css'",
"html-minifier": "html-minifier --collapse-whitespace --remove-comments --remove-attribute-quotes -o 'dist/index.html' 'src/index.html'",
"imagemin": "imagemin src/images dist/images",
"serve": "http-server ./dist"
},
"author": "Dean Gibson",
"license": "ISC",
"dependencies": {
"bourbon": "^4.2.6",
"bourbon-neat": "^1.7.4",
"normalize-scss": "^4.0.3"
},
"devDependencies": {
"html-minifier": "^1.3.0",
"http-server": "^0.9.0",
"node-sass": "^3.4.2"
}
}

Donc, tout d'abord, je dois courir chacun de ces scripts, individuellement, par exemple npm run node-sass ou npm run html-minifier etc. Ce que j'avais idéalement voulez est d'exécuter npm serve qui va faire ce qui suit:

  1. exécuter html-minifier
  2. exécuter nœud-sass
  3. run run image-min
  4. run http-server
  5. Enfin, de tout regarder dans mon src dossier et exécuter
    respectifs les scripts de modification des fichiers par exemple node-sass etc..

Comment puis-je mieux de s'attaquer à ce problème?

Avez-vous considéré l'utilisation de gulp pour cette tâche?

OriginalL'auteur Tiwaz89 | 2016-03-27