Parcel Boilerplate Project

Basic starter project for building Web Applications with Parcel bundler (using Babel / SCSS / PostCSS for autoprefixing and browser support).

"Parcel always uses Babel on all modules to compile modern JavaScript into a form supported by browsers"

Clone the project

git clone https://github.com/toniG-78/parcel-boilerplate-project.git

Install dependencies

npm install

Run dev server http://localhost:1234

npm run dev

Build for production

npm run build

Remove dist/ and dev-build/ folder

npm run clean

Features:

• Parcel (v1).
• ES6 Support (Babel).
• SCSS (dart-sass).
• PostCss (autoprefixing-minify CSS).
• Dev server with hotreloading.

Notes:

• After running the npm run build command, the output JavaScript and CSS files are moved to a separate folder: dist/

• If you run npm run build it will generate a minified version of the JavaScript and CSS output file.

• After running the npm run dev command, the output JavaScript and CSS files are moved to a separate folder: dev-build/

• If you run npm run dev it will output the JavaScript and CSS bundle in a more readable format for development or debugging.

• Open .browserslistrc and configure which browsers should be supported in your app.

• Open postcss.config.js for plugins configuration.