Quick-parcel-project NPM

QuickParcelProject with Parcel, Sass, React and Jest

GitHub version GitHub last commit GitHub commit activity

GitHub release GitHub license GitHub stars

Create a project with Parcel, Sass, React and Jest quickly.

Get QuickParcelProject

Simple way, NPM Package installation

https://www.npmjs.com/package/quick-parcel-project

npm -y init
npm -i quick-parcel-project

or Git clone

mkdir MyProject
cd MyProject
git clone https://github.com/pantaflex44/QuickParcelProject .
rm -rf .git

or Download project from Github

wget https://github.com/pantaflex44/QuickParcelProject/archive/refs/heads/main.zip
unzip -o main.zip
mv QuickParcelProject-main MyProject
rm -rf main.zip
cd MyProject

Short description

QuickParcelProject use Parcel to build Web app with Sass and React modules.

The Jest module is used to test your scripts.

CSS generated files, use Sass and AutoPrefixer module. JS and CSS files are minified in 'production' mode.

Installation and Usage

Before continue, verify if Node.js and NPM module are intalled

node -v
npm -v

You can use Yarn if you want.

First install all dependencies

npm install

In development mode you can run Parcel with Hot reload

npm run dev

Default browser automaticaly opened to http://localhost:1234. Hot reload activated.

Build package for production

npm run build

'dist' folder automaticaly cleaned and new versionned files built. Your React app is ready to use with an external server (because a React router is used in the 'main.jsx').

'dist' folder now contains your app to deploy.

Test your Parcel's built files

npm run serve

Default browser open a new tab and load http://localhost:8080... Yeah! Your web app running with succes, you're the best sister|brother Ready to deploy!