npm boilerplate package for web projects

npm-boilerplate-package.json

{
  "name": "<project>",
  "private": true,
  "scripts": {
    "css": "postcss --use postcss-import --use postcss-modular-scale-plus --use postcss-custom-properties --use postcss-custom-media --use css-mqpacker --css-mqpacker.sort --use postcss-calc --use autoprefixer --autoprefixer.browsers 'last 2 versions' --use cssnano --cssnano.safe",
    "build:css": "npm run css -- --output assets/css/full.min.css assets/css/src/index.css",
    "watch:css": "npm run css -- --watch --output assets/css/full.min.css assets/css/src/index.css",
    "js": "uglifyjs --no-mangle --quotes=1",
    "build:js": "npm run js -- --compress drop_console=true --output assets/js/full.min.js assets/js/src/lib/*.js assets/js/src/*.js",
    "watch:js": "watch 'npm run js -- --compress --output assets/js/full.min.js assets/js/src/lib/*.js assets/js/src/*.js' assets/js/src",
    "svg": "svgo --enable=removeTitle --enable=removeDimensions --enable=sortAttrs",
    "watch:svg": "watch 'npm run svg -- --folder assets/images/src --output assets/images' assets/images/src",
    "build:svg": "npm run svg -- --folder assets/images/src --output assets/images"
  },
  "devDependencies": {
    "css-mqpacker": "*",
    "cssnano": "*",
    "postcss": "*",
    "postcss-cli": "*",
    "postcss-custom-media": "*",
    "postcss-custom-properties": "*",
    "postcss-import": "*",
    "postcss-modular-scale-plus": "*",
    "svgo": "*",
    "uglifyjs": "*",
    "watch": "*"
  }
}