SASS · Babel · Bootstrap · Parcel.JS · JQuery · Popper.JS
🙋♂️ Made by @abhijithvijayan
This Parcel-Sass-bootstrap starter contains the features and scripts you need to get started quickly with Parcel bundler.
It contains the following features:
- ParcelJs
- Babel ES6 Compiler
- Bootstrap v4
- JQuery v3.3.1
- PopperJS
- Concatenate and minify JavaScript.
- Compile, minify, autoprefix SASS.
- Hot-Reloading
- Optimize and Cache Images
Make sure these are installed first.
-
npm install -g parcel-bundler
-
Clone the repo :
git clone https://github.com/abhijithvijayan/parcel-sass-bootstrap-boilerplate.git -
In bash/terminal/command line,
cd parcel-sass-bootstrap-boilerplateinto project directory. -
Run
npm installto install required files and dependencies. -
Launch the
development environmentwith :npm run dev
Note: For Production, Use:
npm run build
This will build files and assets to dist/ directory.
src - > source directory
.
├── src
│ ├── assets
│ │ └── trollHuntersArcadia.png
│ ├── sass
│ │ ├── _fonts.scss
│ │ ├── _reset.scss
│ │ ├── _variables.scss
│ │ └── main.scss
│ ├── index.js
│ └── index.html
.
-
Add your HTML files by inserting or including them in the
srcdirectory (By defaultindex.htmlis added to the directory, feel free to edit it with the changes seen live.)-
For the new
HTMLfile(s), link theindex.js(in body tag) file in theHTMLfiles as they are created.<head> : <link href="sass/main.scss" rel="stylesheet" /> </head> <body> : <script src="index.js"></script> </body>
-
-
Add
sass(SCSS) files tosrc/sassfolder.- Make sure you import the scss file in
main.scss@import "filename";
- Make sure you import the scss file in
-
Add
imagestosrc/assetsfolder.
Code released under the MIT License