@new/project-web NPM

@new/project-web

Create a JS + SCSS + Make project for the web.

The package does the following:

Adds Makefile
Adds rollup.config.js
Adds web/app.js
Adds web/app.scss
Adds web/index.html
Adds web/assets
Edits package.json
Edits .gitignore
Runs npm i to install new deps

Works well with @new/project

Usage

Beware: This is a simple shell script, and has ability to overwrite files. It tries to be interactive as possible, but know what the script is doing before you decide to execute it.

Use the package with npx:

$ npx @new/project-web

(When using npm instead you still need npx installed)

The Makefile

The commands tasks are:

make: Build web to dist with sourcemaps.
make minify: Build then minify dist with sourcemaps.
make package: Builds, minifies, then creates .tar.gz file in packages/.
make start: Create a dev server and watch web for changes.

Customize

To customize see files/, bin/, and package.json. Things to notice:

Everything at the base of files/ is prefixed with _, e.g. _.gitignore so the files don't conflict with source control or other tools.
There is a confirm prompt before the script can run.
You have helper vars defined at the top:
- $SOURCE is the files/ directory of this script
- $DEST is the directory where the files are being wrote
- $ROOT is the package.json directory the script
Use npx to execute npm dependencies in your shell scripts.
The script should be tailored towards you, not accept a lot of inputs.