BAS Style Kit 2025 - NPM Package

An NPM package to add the style kit to a project

Watch?

Watch the css, js, fonts, images files etc in the package Watch the src files in the app

If either change on save then trigger the pipeline.

package change > rebuild package, rebuild app app change > rebuild app

Main tools

• TailwindCSS - CSS
• UmbrellaJS - JS

This is for projects that use NodeJS and NPM for the frontend user interface

Set up

This project requires Node v20 NPM v10
Recommend that NVM manages these

• NVM
• Set up guide

Installation

• Run npm install

Use

• Run npm run build - a series of files will be created in the dist directory
• Run npm run build:npm-package - an NPM package will be created in the root directory

See package.json for more commands
The contents of the npm package are determined by the .npmignore file and the parent .gitignore file

Publish

To create a local packaage npm pack

Log into the npmjs account npm login

To publish a new version: npm publish --access public