https://github.com/danyalll1/vite-pug-boilerplate

It is boilerplate for static sites based on vite vituum and pug(jade),
https://github.com/danyalll1/vite-pug-boilerplate

pug sass vite vituum

Last synced: 11 days ago
JSON representation

It is boilerplate for static sites based on vite vituum and pug(jade),

• Host: GitHub
• URL: https://github.com/danyalll1/vite-pug-boilerplate
• Owner: danyalll1
• Created: 2024-03-25T15:16:07.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-26T05:58:13.000Z (8 months ago)
• Last Synced: 2024-12-17T14:09:59.809Z (11 days ago)
• Topics: pug, sass, vite, vituum
• Language: Sass
• Homepage:
• Size: 67.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vite + Pug + Sass boilerplate

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run dev

```

### Compiles and minifies for production

```

npm run build

```

### Check compiled and minifies production version

```

npm run build

```

### Src and hrefs

  All src and hrefs(like images, scripts and styles) in .pug files must begining from /src ...

### scripts and css

  You can import all scripts in /src/scripts/app.js and call it in your layout.pug

  layout.pug :

  ```

 html(lang="ru")

  head

    link(rel="stylesheet" href="/src/styles/app.sass")

    script(type='module' src="/src/scripts/app.js")

  ```

### svg and images

Your pug file:

```

#svg

header.header

    .container

        .header__container

            .header__top

                |copyright

            .header__bottom

                .header__logo

                    include ../../../assets/img/header/vite.svg  <----svg 

#image

section.top

    .container

        h1.section-title Vituum + Pug Template

        .top__content

            img(src="/src/assets/img/top/Vituum.png")

```