静的なサイトコーディングの際の環境例

package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "message": "echo changed",
    "compile:css:sass": "sass src/sass:dest/css --style=expanded --no-source-map",
    "compile:css:postcss": "postcss dest/css/*.css -r",
    "compile:css": "run-s compile:css:sass compile:css:postcss",
    "compile:ejs": "ejs-cli -b src/ejs/ '/**/*.ejs' -e 'components/' -o dest/ -O data.json",
    "compile:js": "webpack --mode development",
    "watch:css": "chokidar 'src/sass' -c 'npm run compile:css' -i",
    "watch:ejs": "chokidar 'src/ejs/' -c 'npm run compile:ejs' -i",
    "watch:js": "chokidar 'src/js/' -c 'npm run compile:js' -i",
    "server": "browser-sync start -f dest -s dest",
    "watch": "run-p watch:*",
    "start": "run-p watch server"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^10.4.2",
    "browser-sync": "^2.27.7",
    "chokidar": "^3.5.3",
    "chokidar-cli": "^3.0.0",
    "css-mqpacker": "^7.0.0",
    "ejs-cli": "^2.2.3",
    "npm-run-all": "^4.1.5",
    "postcss": "^8.4.6",
    "postcss-cli": "^9.1.0",
    "postcss-sorting": "^7.0.1",
    "sass": "^1.49.7",
    "webpack": "^5.68.0",
    "webpack-cli": "^4.9.2"
  },
  "browserslist": [
    "last 3 version",
    "> 1%",
    "IE 11"
  ]
}