Masaknd / vite--js_dartsass

Vite boilerplate to build MPA/static websites

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vite boilerplate for Vanilla.js with Dart-Sass

JavaScript   SASS   HTML5
Vite boilerplate to build MPA/static websites

Description

Use dart-sass to style your products and save files each component folders which are under scss folder. Save main JS files to "main" under js folder. For some features, make new js files under "library folder".

Getting Started

Clone files to your direction $ git clone URL

Dependencies

  • pnpm need to be installed
    To use npm or yarn, change "pnpm" in package.json > scripts to "npm".

Installing

node modules installation
$pnpm install

Executing program

dev: development mode

$ pnpm dev

build: build mode

$ pnpm build

Help

No specification

Authors

Masaknd: @Masaknd_dsgn

Version History

  • bug detected Problem: inconsistency of the result of running dev mode and build details: running dev mode doesn't compile scss link directory to css on html thus changes are not reflected on HRM

  • bug fixed The problem above was solved by fixing "vite.config.js", also customized index.js and scss root src vitejs/vite#4556

License

Acknowledgments

Inspiration, code snippets, etc.

About

Vite boilerplate to build MPA/static websites


Languages

Language:SCSS 45.4%Language:HTML 33.0%Language:JavaScript 21.6%