package.json

{
  "name": "natours",
  "version": "1.0.0",
  "description": "landing page for natours. Note that in the script below, we define build:css. Run this is the terminal while in the sass folder. Also note that we added -w to the very end of the command to continually watch for changes in our sass file and to update our css file immediately. To run the script type the following in the terminal: npm run build:css. Note that you must keep this running in order for it to work. The second command line to run in the terminal while in the starter folder is the following: live-server. This creates an http of the webpage. Again, you must keep this running in order for it to work. The next thing to discuss in the build process. Each of the scripts below is a step in the process of building css...",
  "main": "index.js",
  "scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "devserver": "live-server",
    "start": "npm-run-all --parallel devserver watch:sass",
    
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "concat:css": "concat -o css/style.concat.css css/icon-font.css css/style.comp.css",
    "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/style.concat.css -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass concat:css prefix:css compress:css"
  },
  "author": "\"Jacob\"",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^9.7.6",
    "concat": "^1.0.3",
    "node-sass": "^4.13.1",
    "npm-run-all": "^4.1.5",
    "postcss-cli": "^7.1.0"
  }
}