# @websolutespa/ws-vite

> Ws Vite plugin for Websolute boilerplates

Latest version **0.0.12** (published 2025-12-10) · 0 weekly downloads

## Install

```sh
npm install @websolutespa/ws-vite
pnpm add @websolutespa/ws-vite
yarn add @websolutespa/ws-vite
bun add @websolutespa/ws-vite
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; low quality score; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.0.12 |
| Published | 2025-12-10 |
| First published | 2023-11-03 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=18.16.0 |
| Dependencies | 21 |
| Unpacked size | 1.4 MB |
| Known vulnerabilities | 0 (+2 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | websolute-admin, actarian, cbrualdi, federicodiluca, giacomo_grassetti, m.fort, ldeblasio |
| Keywords | ws, vite, plugin, websolute, boilerplate |

## Links

- npm: https://www.npmjs.com/package/@websolutespa/ws-vite
- npm.io page: https://npm.io/package/@websolutespa/ws-vite

## Dependencies (21)

- [cors](https://npm.io/package/cors.md) ^2.8.5
- [etag](https://npm.io/package/etag.md) ^1.8.1
- [glob](https://npm.io/package/glob.md) ^10.3.10
- [sass](https://npm.io/package/sass.md) ^1.69.3
- [svgo](https://npm.io/package/svgo.md) ^3.0.2
- [debug](https://npm.io/package/debug.md) ^4.4.3
- [pathe](https://npm.io/package/pathe.md) ^1.1.1
- [sharp](https://npm.io/package/sharp.md) ^0.32.6
- [terser](https://npm.io/package/terser.md) ^5.22.0
- [vituum](https://npm.io/package/vituum.md) ^1.2.0
- [csstype](https://npm.io/package/csstype.md) ^3.1.2
- [postcss](https://npm.io/package/postcss.md) ^8.5.6
- [axe-core](https://npm.io/package/axe-core.md) ^4.11.0
- [fs-extra](https://npm.io/package/fs-extra.md) ^11.3.2
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^4.1.17
- [@tailwindcss/vite](https://npm.io/package/@tailwindcss/vite.md) ^4.1.17
- [postcss-functions](https://npm.io/package/postcss-functions.md) ^4.0.2
- [html-minifier-terser](https://npm.io/package/html-minifier-terser.md) ^7.2.0
- [@braintree/sanitize-url](https://npm.io/package/@braintree/sanitize-url.md) ^6.0.4
- [@vituum/vite-plugin-twig](https://npm.io/package/@vituum/vite-plugin-twig.md) ^1.1.0
- [@vituum/vite-plugin-liquid](https://npm.io/package/@vituum/vite-plugin-liquid.md) ^1.1.0

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 0.0.12 (latest) — 2025-12-10
- 0.0.11 — 2024-04-15
- 0.0.10 — 2024-02-07
- 0.0.9 — 2024-01-26
- 0.0.8 — 2023-11-30
- 0.0.7 — 2023-11-28
- 0.0.6 — 2023-11-28
- 0.0.5 — 2023-11-24
- 0.0.4 — 2023-11-24
- 0.0.3 — 2023-11-15
- 0.0.2 — 2023-11-13
- 0.0.1 — 2023-11-03

## README

# 🔵 ws-vite

[![npm version](https://badge.fury.io/js/%40websolutespa%2Fws-vite.svg)](https://badge.fury.io/js/%40websolutespa%2Fws-vite)

[![status alpha](https://img.shields.io/badge/status-alpha-red.svg)](https://shields.io/)

WsVite is an highly opinionated boilerplate built with Vite and used by Websolute web agency.
It offers a simple configuration step with `vite.config.js` file.
___
[WsDev](https://github.com/websolutespa/wsdev) is the official monorepo of the [ws-vite](https://github.com/websolutespa/wsdev/blob/main/packages/ws-vite/README.md) and [ws-cli](https://github.com/websolutespa/wsdev/blob/main/packages/ws-cli/README.md) plugin and boilerplate samples of [Websolute](https://www.websolute.com) web agency.

## Using this repository

### Install dependencies

```sh
npm i @websolutespa/ws-vite --save-dev
```
### Create 

***vite.config.js***
```js
import wsVite from '@websolutespa/ws-vite';
import main from './src/theme/main.json';
import theme from './src/theme/theme.json';

export default wsVite({
  paths: {
    src: './src',
    dist: './dist',
    assets: './assets',
    images: './assets/img',
    icons: './assets/icons',
  },
  theme,
  twig: {
    globals: {
      ...main,
      theme,
    },
  },
  icons: true,
  image: true,
  html: {
    prettify: true,
    minify: true,
  },
  accessible: true,
  server: {
    host: 'localhost',
    port: 8000,
  },
});
```

However you can go deep in customization and offer your own `vite.config.js`
using the internal plugin framework:

***vite.config.js***
```js
import {wsVitePlugin} from '@websolutespa/ws-vite';
import main from './src/theme/main.json';
import theme from './src/theme/theme.json';

export default {
  // ... other config options
  plugins: [
    wsVitePlugin({
      theme,
      twig: {
        globals: {
          ...main,
          theme,
        },
      },
      icons: true,
      image: true,
      html: {
        prettify: true,
        minify: true,
      },
      accessible: true,
    })
  ],
};
```

---
_Source: https://npm.io/package/@websolutespa/ws-vite · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._