Simple frontend devstack

.browserlistrc

# Browsers that we support
# https://github.com/browserslist/browserslist#full-list

> 1% in CZ
last 2 versions
Firefox ESR
not dead

.editorconfig

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

package.json

{
  "scripts": {
    "clean": "del dist && make-dir dist/img",
    "html": "pug src/pug/*.pug --out dist --watch --pretty",
    "css": "postcss src/css/main.css -o dist/css/main.css -w",
    "js": "parcel watch src/js/main.js --out-dir dist/js",
    "js:build": "parcel build src/js/main.js --out-dir dist/js",
    "svg": "svgo src/img/*.svg -o dist/img --disable removeViewBox && svgstore -o dist/img/sprite.svg --inline dist/img/*.svg && del dist/img/*.svg !dist/img/sprite.svg",
    "serve": "browser-sync dist -w --no-open",
    "dev": "npm run clean && npm run svg && concurrently --kill-others \"npm:serve\" \"npm:html\" \"npm:css\" \"npm:js\"",
    "start": "npm run dev"
  },
  "author": "vojtech@bulant.cz",
  "devDependencies": {
    "autoprefixer": "^9.4.7",
    "browser-sync": "^2.26.3",
    "concurrently": "^4.1.0",
    "del-cli": "^1.1.0",
    "make-dir-cli": "^2.0.0",
    "parcel-bundler": "^1.11.0",
    "pesticide": "^1.3.1",
    "postcss-cli": "^6.1.1",
    "postcss-custom-properties": "^8.0.9",
    "postcss-each": "^0.10.0",
    "postcss-easy-import": "^3.0.0",
    "postcss-nested": "^4.1.1",
    "postcss-preset-env": "^6.5.0",
    "pug-cli": "^1.0.0-alpha6",
    "svgo": "^1.1.1",
    "svgstore-cli": "^1.3.1"
  }
}

postcss.config.js

module.exports = {
  plugins: [
    require('postcss-easy-import'),
    require('postcss-each'),
    require('postcss-nested'),
    require('postcss-custom-properties')({ preserve: false }),
    require('autoprefixer')({ grid: true }),
  ]
}