boilerplate

Turn on proxy in current terminal

Due to DNS poison, need to use proxy

proxyon

npm i install all the dependencies.

Show directory tree by tree -a --filelimit 10

.
├── .git [11 entries exceeds filelimit, not opening dir]
├── .gitignore
├── .sassrc
├── README.md
├── index.html
├── node_modules [526 entries exceeds filelimit, not opening dir]
├── package-lock.json
├── package.json
└── src
    ├── css
    │   └── normalize.css
    ├── js
    │   └── index.js
    └── scss
        └── index.scss

Adding parcel to your project

npm install parcel-bundler --save-dev

Then, add these tasks scripts to your project, by modifying your package.json:

{
  "scripts": {
    "dev": "parcel <your entry file>",
    "build": "parcel build <your entry file>"
  }
}

Then, you will be able to run it:

# To run in development mode
yarn dev
# or
npm run dev

# To run in production mode
yarn build
# or
npm run build

SCSS

npm install -D sass

It's also strongly recommended to create a .sassrc file and add node_modules as include path to avoid an issue

{
  "includePaths": ["node_modules"]
}