Ich folge diesem Tutorial: https://css-tricks.com/why-npm-scripts/ Wirklich fand es nützlich. Aber ich habe das Skript für Browser-Sync hinzugefügt und es ruft nie meine index.html-Datei an, die sich in src- und dist-Ordnern befindet. Aus meiner Wurzel habe ich folgenden package.json Scriptabschnitt:Browser-Sync kann keinen Fehler bekommen
"scripts": {
"scss": "node-sass --output-style compressed -o dist/css src",
"autoprefixer": "postcss -u autoprefixer -r dist/css/*",
"lint": "eslint src/js",
"uglify": "mkdir -p dist/js && uglifyjs src/js/*.js -m -o dist/js/app.js && uglifyjs src/js/*.js -m -c -o dist/js/app.min.js",
"imagemin": "imagemin src/images dist/images -p",
"serve": "browser-sync start --files 'dist/styles/*.css, dist/js/*.js'",
"build:css": "npm run scss && npm run autoprefixer",
"build:js": "npm run lint && npm run uglify",
"build:all": "npm run build:css && npm run build:js && npm run build:imagemin",
"watch:css": "onchange 'src/*.scss' -- npm run build:css",
"watch:js": "onchange 'src/js/*.js' -- npm run build:js",
"watch:all": "parallelshell 'npm run serve' 'npm run watch:css' 'npm run watch:js'"
},
Kann jemand mir erklären, wie er weiß, die Indexdatei laufen? Ich weiß, dass es einen Server aus dem Stammordner erstellt, aber meine package.json ist nicht im Ordner "dist"?