@jarrku/react-tools--scripts

Moovly Scripts

This package unifies the webpack bundling for frontend projects. It supports:

• SASS/LESS
• Polyfilled environment
• Babel transpiling
• Dev/build setup.

Custom webpack configs: moovly-scripts (start|build) --config <path/to/webpack/config> This config will be merged with the default configs.

Folder structure

bin

This contains the executable node script. It executes one of the 3 scripts and handles some errors/throws error when theres an unknown script.

config

This folder contains most of the actual config. It provides a paths file utility and loads the environment variables. The actual webpack configs can be found here as well.

scripts

This folder contains the actual node scripts that will be executed on command.

init is currently WIP -> would serve as boilerplate generator.

The other 3 scripts are basically the way to programatically invoke webpack/jest with some error handling included.

template

This folder is also a WIP, the init script would utilise this folder to generate a frontend boilerplate.

What .env can be used?

• .env: Default.
• .env.local: Local overrides. This file is loaded for all environments except test.
• .env.development, .env.test, .env.production: Environment-specific settings.
• .env.development.local, .env.test.local, .env.production.local: Local overrides of environment-specific settings.

Files on the left have more priority than files on the right:

• npm start: .env.development.local, .env.development, .env.local, .env
• npm run build: .env.production.local, .env.production, .env.local, .env
• npm test: .env.test.local, .env.test, .env (note .env.local is missing)