Andreas/mtg_python_deckbuilder
1
0
Fork 0
mirror of https://github.com/mwisnowski/mtg_python_deckbuilder.git synced 2025-12-16 07:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions
mtg_python_deckbuilder/docs/NODE_DEPENDENCIES.md

1.3 KiB
Raw Blame History

Node.js Dependencies for Web UI Development

Prerequisites

  • Node.js 18+ (LTS recommended)
  • npm 9+ (comes with Node.js)

Installation

npm install

Dependencies

Tailwind CSS v3

  • tailwindcss: Utility-first CSS framework
  • postcss: CSS transformation tool
  • autoprefixer: Adds vendor prefixes automatically

TypeScript

  • typescript: TypeScript compiler for type-safe JavaScript

Build Commands

CSS Build

npm run build:css    # One-time build
npm run watch:css    # Watch mode for development

TypeScript Build

npm run build:ts     # One-time build
npm run watch:ts     # Watch mode for development

Combined Build

npm run build        # Build CSS and TypeScript
npm run watch        # Watch both CSS and TypeScript

Project Structure

  • code/web/static/tailwind.css - Tailwind entry point (source)
  • code/web/static/styles.css - Generated CSS (git-ignored)
  • code/web/static/ts/ - TypeScript source files
  • code/web/static/js/ - Compiled JavaScript (git-ignored)

Configuration Files

  • tailwind.config.js - Tailwind CSS configuration
  • postcss.config.js - PostCSS configuration
  • tsconfig.json - TypeScript compiler configuration
  • package.json - npm scripts and dependencies