open-index/open-npm huggingface dataset:
npm package: @snowpack-angular/plugin
Description: -   Notice that This plugin is best used with [@snowpack-angular/template](https://github.com/YogliB/@snowpack-angular/template)
Latest version: 3.0.0
Deprecated: This package is deprecated as it doesn't give enough value over using native Angular tools

# @snowpack-angular/plugin

-   Notice that This plugin is best used with [@snowpack-angular/template](https://github.com/YogliB/@snowpack-angular/template)

When developing or building your site with Snowpack, this plugin will run Angular's [`ngc`](https://angular.io/guide/aot-compiler) CLI in your project and pipe the output through Snowpack.

## Usage

```bash
npm i --save-dev @snowpack-angular/plugin
```

Then add the plugin to your Snowpack config:

```js
// snowpack.config.js

module.exports = {
	plugins: ['@snowpack-angular/plugin'],
};
```

## Plugin Options

| Name   |   Type   | Description                                                                                                                                                                               |
| :----- | :------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `args` | `string` | Optional arguments to pass to the `ngc` CLI. For example, you can configure a custom project directory (with a custom `tsconfig.json` file) using `args: "--project ./your/custom/path"`. |
npm package: @snowpack-angular/template
Description: A preconfigured template for Snowpack with Angular
Latest version: 3.0.0
Deprecated: This package is deprecated as it doesn't give enough value over using native Angular tools

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

### npm test

Launches your unit tests via [Jest](https://jestjs.io/).

Go [here](https://testing-library.com/docs/angular-testing-library/intro) for more information.

### npm run e2e

Launches your end-to-end tests via [Cypress](https://www.cypress.io/).

### npm run e2e:silent

Launches your end-to-end tests via [Cypress](https://www.cypress.io/) in **silent mode**.

### npm run lint

Launches [`eslint`](https://eslint.org/) and lints your code.

Go [here](https://github.com/angular-eslint/angular-eslint) for more information.

### npm run format

Launches [`prettier`](https://prettier.io/) and formats your code.



**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/master/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.json` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-11ty
Description: A preconfigured template for Snowpack with Eleventy
Latest version: 2.0.1

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/main/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.mjs` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-blank
Description: A preconfigured template for Snowpack with Prettier
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/main/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.mjs` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-blank-typescript
Description: A preconfigured template for Snowpack with Typescript
Latest version: 2.1.3

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/main/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.mjs` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-lit-element
Description: A preconfigured template for Snowpack with LitElement
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds the app for production to the `dist/` folder.
It correctly bundles the app in production mode and optimizes the build for the best performance.

## Directives

In case you need to add a directive like `classMap` you should add the extension to the import:

```
import { classMap } from "lit-html/directives/class-map.js";
```
npm package: @snowpack/app-template-lit-element-typescript
Description: A preconfigured template for Snowpack with TypeScript and LitElement
Latest version: 2.1.3

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds the app for production to the `dist/` folder.
It correctly bundles the app in production mode and optimizes the build for the best performance.

## Directives

In case you need to add a directive like `classMap` you should add the extension to the import:

```
import { classMap } from "lit-html/directives/class-map.js";
```
npm package: @snowpack/app-template-minimal
Description: A preconfigured minimal template for Snowpack
Latest version: 2.1.1

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/main/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.mjs` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-preact
Description: A preconfigured template for Snowpack with Preact
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

### npm run build

Builds the app for production to the `build/` folder.
It correctly bundles Preact in production mode and optimizes the build for the best performance.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-preact-typescript
Description: A preconfigured template for Snowpack with Preact and Typescript
Latest version: 2.1.3

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

### npm run build

Builds the app for production to the `build/` folder.
It correctly bundles Preact in production mode and optimizes the build for the best performance.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-react
Description: A preconfigured template for Snowpack with React
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like "@snowpack/plugin-webpack" to your `snowpack.config.mjs` config file.

### npm test

Launches the application test runner.
Run with the `--watch` flag (`npm test -- --watch`) to run in interactive watch mode.
npm package: @snowpack/app-template-react-typescript
Description: A preconfigured template for Snowpack with React and TypeScript
Latest version: 2.1.3

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like "@snowpack/plugin-webpack" to your `snowpack.config.mjs` config file.

### npm test

Launches the application test runner.
Run with the `--watch` flag (`npm test -- --watch`) to run in interactive watch mode.
npm package: @snowpack/app-template-svelte
Description: A preconfigured template for Snowpack with Svelte
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/main/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.mjs` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-svelte-typescript
Description: A preconfigured template for Snowpack with Svelte and TypeScript
Latest version: 2.1.5

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

### npm run build

Builds a static copy of your site to the `build/` folder.
Your app is ready to be deployed!

**For the best production performance:** Add a build bundler plugin like [@snowpack/plugin-webpack](https://github.com/snowpackjs/snowpack/tree/main/plugins/plugin-webpack) or [snowpack-plugin-rollup-bundle](https://github.com/ParamagicDev/snowpack-plugin-rollup-bundle) to your `snowpack.config.mjs` config file.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-vue
Description: A preconfigured template for Snowpack with Vue
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm test

**⚠️ NOTE:** Vue 3 testing support is still in progress. This template does not ship with a test runner.

### npm run build

Builds the app for production to the `build/` folder.
It correctly bundles Vue in production mode and optimizes the build for the best performance.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/app-template-vue-typescript
Description: A preconfigured template for Snowpack with Vue and TypeScript
Latest version: 2.1.2

# New Project

> ✨ Bootstrapped with Create Snowpack App (CSA).

## Available Scripts

### npm start

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

### npm test

**⚠️ NOTE:** Vue 3 testing support is still in progress. This template does not ship with a test runner.

### npm run build

Builds the app for production to the `build/` folder.
It correctly bundles Vue in production mode and optimizes the build for the best performance.

### Q: What about Eject?

No eject needed! Snowpack guarantees zero lock-in, and CSA strives for the same.
npm package: @snowpack/babel-plugin-package-import
Description: Babel plugin to rewrite package imports from their package name to their resolved `web_modules` URL. Uses the `import-map.json` file contained in each `web_modules/` directory to map each package.
Latest version: 1.1.6

# @snowpack/babel-plugin-package-import

Babel plugin to rewrite package imports from their package name to their resolved `web_modules` URL. Uses the `import-map.json` file contained in each `web_modules/` directory to map each package.

```
npm install --save-dev @snowpack/babel-plugin-package-import
```

```js
// babel.config.json / .babelrc
"plugins": [["@snowpack/babel-plugin-package-import", { /* options */ }]]
```

## Plugin Options

> Note: All config options are optional.

- `webModulesUrl`: The hosted URL path reference for web_modules imports. Can be:
  - An absolute path ("/web_modules"). This is the default.
  - An absolute URL ("https://foobar.com/web_modules/")
  - A relative path prefix ("./web_modules", "../web_modules").
    NOTE: Relative paths are relative from the current working directory / Babel's "root".
- `webModulesDir`: The web_modules installed location on disk. Can be an absolute path, or relative to the current working directory.
  - Defaults to "\${cwd}/web_modules".
- `importMap`: The name/location of the "import-map.json" file generated by Snowpack.
  - Defaults to "\${webModulesDir}/import-map.json".
- `moduleResolution`: Control how the plugin rewrites relative/local imports. Defaults to "none".
  - `"none"`: Leave relative imports untouched.
  - `"node"`: Rewrite all relative paths to use node's built-in resolution, resolving things like missing file extensions and directory imports. This is useful to assist migrating an older, bundled project to Snowpack.
- `ignore`: Array of import specifiers to ignore and leave untouched / bare.
npm package: @snowpack/plugin-babel
Description: Use Babel to build your files from source. Automatically inherits from your local project `.babelrc` or `babel.config.json` files.
Latest version: 2.1.7

# @snowpack/plugin-babel

Use Babel to build your files from source. Automatically inherits from your local project `.babelrc` or `babel.config.json` files.

```
npm install --save-dev @snowpack/plugin-babel
```

```js
// snowpack.config.json
{
  "plugins": [
    [
      "@snowpack/plugin-babel",
      {
        "input": ['.js', '.mjs', '.jsx', '.ts', '.tsx'], // (optional) specify files for Babel to transform
        transformOptions: {
          // babel transform options
        }
      }
    ]
  ]
}
```

#### Plugin Options

| Name               | Type       | Description                                                                                                                                        |
| :----------------- | :--------- | :------------------------------------------------------------------------------------------------------------------------------------------------- |
| `input`            | `string[]` | (optional) By default, Babel scans & transfoms these extensions: `['.js', '.mjs', '.jsx', '.ts', '.tsx']`. Modify this array if you’d like to change this. |
| `transformOptions` | `object`   | (optional) See [https://babeljs.io/docs/en/options](https://babeljs.io/docs/en/options)                                                            |
npm package: @snowpack/plugin-build-script
Description: A Snowpack plugin to build files in your application using any CLI tool. This plugin passes matching files as input to a custom CLI command and returns the output response as the build result. This is useful for connecting a custom CLI or when no Snowpack
Latest version: 2.1.0

# @snowpack/plugin-build-script

A Snowpack plugin to build files in your application using any CLI tool. This plugin passes matching files as input to a custom CLI command and returns the output response as the build result. This is useful for connecting a custom CLI or when no Snowpack plugin exists for a favorite build tool.

Note: All Snowpack < v2.6 `build:*` scripts now use this plugin behind the scenes.

Usage:

```bash
npm install @snowpack/plugin-build-script
```

Then add the plugin to your Snowpack config:

```js
// snowpack.config.js

module.exports = {
  plugins: [
    [
      '@snowpack/plugin-build-script',
      {
        input: ['.tsx'], // files to watch
        output: ['.tsx'], // files to export
        cmd: 'babel --filename $FILE', // cmd to run
      },
    ],
  ],
};
```

## Plugin Options

| Name     |    Type    | Description                                                                 |
| :------- | :--------: | :-------------------------------------------------------------------------- |
| `input`  | `string[]` | Array of extensions to watch for.                                           |
| `output` | `string[]` | Array of extensions this plugin will output.                                |
| `cmd`    |  `string`  | Command to run on every file matching `input`. Accepts the `$FILE` env var. |
npm package: @snowpack/plugin-dotenv
Description: Use [dotenv](https://github.com/motdotla/dotenv) to load environment variables from your project `.env` files. See Snowpack's [Environment Variables](https://www.snowpack.dev/reference/environment-variables) documentation to learn more.
Latest version: 2.2.0

# @snowpack/plugin-dotenv

Use [dotenv](https://github.com/motdotla/dotenv) to load environment variables from your project `.env` files. See Snowpack's [Environment Variables](https://www.snowpack.dev/reference/environment-variables) documentation to learn more.

```
npm install --save-dev @snowpack/plugin-dotenv
```

```js
// snowpack.config.mjs
export default {
  plugins: ['@snowpack/plugin-dotenv'],
};
```

```
# .env
SNOWPACK_PUBLIC_ENABLE_FEATURE=true
```

**NOTE:** Snowpack requires the `SNOWPACK_PUBLIC_` prefix to recognize environment variables. This is to prevent accidental exposure of keys and secrets.

#### What is Supported?

- [dotenv-expand](https://github.com/motdotla/dotenv-expand)
- `.env.NODE_ENV.local`
- `.env.local`
- `.env.NODE_ENV`
- `.env`

#### Plugin Options

| Name     | Type      | Description                                                                                        |
| :------- | :-------- | :------------------------------------------------------------------------------------------------- |
| `dir`    | `string`  | (optional) Where to find `.env` files. Default is your current working directory (`process.cwd()`) |
| `expand` | `boolean` | (optional) Enable `dotenv-expand` support. Default is `true`                                       |
npm package: @snowpack/plugin-parcel
Description: > NOTE: This plugin only works on Snowpack v2.6 or earlier. For bundling with the latest version of Snowpack, we recommend [@snowpack/plugin-webpack](../plugin-webpack/) for a smaller build.
Latest version: 2.0.5

# @snowpack/plugin-parcel

> NOTE: This plugin only works on Snowpack v2.6 or earlier. For bundling with the latest version of Snowpack, we recommend [@snowpack/plugin-webpack](../plugin-webpack/) for a smaller build.

Use Parcel to bundle your application for production. Uses Parcel v1.

```
npm install --save-dev @snowpack/plugin-parcel
```

```js
// snowpack.config.json
{
  "plugins": ["@snowpack/plugin-parcel"]
}
```

⚠️ **NOTE:** Parcel v1.x does not support Snowpack's usage of `import.meta`. This means that `@snowpack/plugin-parcel` won't work for Snowpack applications that make use of HMR (`import.meta.hot`) or custom environment variables (`import.meta.env`). If you need to use either, check out [@snowpack/plugin-webpack](/packages/plugin-webpack) instead.

#### Default Build Script

```js
{
  "scripts": {"bundle:*": "@snowpack/plugin-parcel"}
}
```

#### Plugin Options

None
npm package: @snowpack/plugin-postcss
Description: Run [PostCSS](https://github.com/postcss/postcss) on all `.css` files, including ones generated from Sass, Vue, and Svelte.
Latest version: 1.4.3

# @snowpack/plugin-postcss

Run [PostCSS](https://github.com/postcss/postcss) on all `.css` files, including ones generated from Sass, Vue, and Svelte.

### Usage

From a terminal, run the following:

```
npm install --save-dev @snowpack/plugin-postcss postcss
```

Then add this plugin to your Snowpack config:

```js
// snowpack.config.mjs
export default {
  plugins: ['@snowpack/plugin-postcss'],
};
```

Lastly, add a `postcss.config.js` file to the root of your project as you would normally:

```js
const cssnano = require('cssnano');
const postcssPresetEnv = require('postcss-preset-env');

module.exports = {
  plugins: [cssnano(), postcssPresetEnv()],
};
```

### Plugin Options

| Name     |        Type        | Description                                                                       |
| :------- | :----------------: | :-------------------------------------------------------------------------------- |
| `input`  |     `string[]`     | File extensions to transform (default: `['.css']`)                                |
| `config` | `string \| object` | (optional) Pass in a PostCSS config object or path to your PostCSS config on disk |
npm package: @snowpack/plugin-react-refresh
Description: Transforms JavaScript files containing React components automatically to enable React Fast Refresh via Snowpack's HMR API.
Latest version: 2.5.0

# @snowpack/plugin-react-refresh

Transforms JavaScript files containing React components automatically to enable React Fast Refresh via Snowpack's HMR API.

```
npm install --save-dev @snowpack/plugin-react-refresh
```

## Setup

```js
// snowpack.config.json
{
  "plugins": ["@snowpack/plugin-react-refresh", {/* options: see below */}]
}
```

## Plugin Options

| Name    |         Type          | Description                                                                                                                                                                                                                                                                             |
| :------ | :-------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `babel` | `boolean` or `object` | By default, this plugin uses Babel to add Fast-Refresh code to eligible JS files. If you want to configure & run this yourself, set `"babel": false"`. Alternatively, you can pass a custom Babel configuration object to enhance or override the defaults. Most users won't need this. |

## How it Works

This plugin will automatically inject HMR event handlers into any file containing a React component.

In most applications, you'll still want some top-level `import.meta.hot` handling code in your application for any non-React file updates. In our Create Snowpack App templates, this would be the HMR handling snippet found in `src/index.js`.
npm package: @snowpack/plugin-run-script
Description: Run any CLI command as a part of Snowpack’s dev server and production build. Useful for languages not supported by [Snowpack plugins](https://www.snowpack.dev/plugins). This replaces the old `run:*` scripts in your Snowpack config.
Latest version: 2.3.0

# @snowpack/plugin-run-script

Run any CLI command as a part of Snowpack’s dev server and production build. Useful for languages not supported by [Snowpack plugins](https://www.snowpack.dev/plugins). This replaces the old `run:*` scripts in your Snowpack config.

Usage:

```bash
npm i @snowpack/plugin-run-script
```

Then add the plugin to your Snowpack config:

```js
// snowpack.config.js

module.exports = {
  plugins: [
    [
      '@snowpack/plugin-run-script',
      {
        cmd: 'sass src/css:public/css --no-source-map', // production build command
        watch: 'sass --watch src/css:public/css --no-source-map', // (optional) dev server command
      },
    ],
  ],
};
```

Supply any CLI command in `cmd`. Note that this is the same as running the command yourself in your project root folder (i.e. you can reference any global packages as well as npm script).

## Plugin Options

| Name     | Type                      | Description                                                                 |
| :------- | :------------------------ | :-------------------------------------------------------------------------- |
| `cmd`    | `string`                  | The CLI command to run. Note that this will run **before** Snowpack builds. |
| `name`   | `string`                  | (optional) Set name of console output, default is program name.             |
| `watch`  | `string`                  | (optional) A watch command to run during the dev server.                    |
| `output` | `"stream" or "dashboard"` | (optional) Set how the output should be recorded during dev.                |
npm package: @snowpack/plugin-typescript
Description: This plugin adds TypeScript type checking to any Snowpack project.
Latest version: 1.2.1

# @snowpack/plugin-typescript

This plugin adds TypeScript type checking to any Snowpack project.

When developing or building your site with Snowpack, this plugin will run TypeScript's `tsc` CLI in your project and pipe the output through Snowpack. Works with all version of TypeScript, as long as TypeScript is installed separately in your project.

## Usage

```bash
npm i @snowpack/plugin-typescript typescript
```

Then add the plugin to your Snowpack config:

```js
// snowpack.config.js

module.exports = {
  plugins: ['@snowpack/plugin-typescript'],
};
```

## Plugin Options

| Name   |   Type   | Description                                                                                                                                                                               |
| :----- | :------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `tsc`  | `string` | Optional custom tsc command. For example, you can use TypeScript compiler by specifying: `tsc: "tsc"`.                                                                                    |
| `args` | `string` | Optional arguments to pass to the `tsc` CLI. For example, you can configure a custom project directory (with a custom `tsconfig.json` file) using `args: "--project ./your/custom/path"`. |
npm package: @snowpack/plugin-vue
Description: Use the [Vue 3 compiler](https://www.npmjs.com/package/@vue/compiler-sfc) to build your `.vue` SFC files from source.
Latest version: 2.6.2

# @snowpack/plugin-vue

Use the [Vue 3 compiler](https://www.npmjs.com/package/@vue/compiler-sfc) to build your `.vue` SFC files from source.

```
npm install --save-dev @snowpack/plugin-vue
```

```js
// snowpack.config.mjs
export default {
  plugins: [
    '@snowpack/plugin-vue',
    {
      /* see optional “Plugin Options” below */
    },
  ],
};
```

## Plugin Options

You may customize Vue's bundler behavior using the following plugin options.

| Name           |   Type    | Description                                                                                          |
| :------------- | :-------: | :--------------------------------------------------------------------------------------------------- |
| `optionsApi`   | `boolean` | Enable/disable [Options API](https://v3.vuejs.org/api/options-api.html) support. Defaults to `true`. |
| `prodDevtools` | `boolean` | Enable/disable devtools support in production. Defaults to `false`.                                  |
npm package: @snowpack/plugin-webpack
Description: Use Webpack to bundle your Snowpack project for production when you run `snowpack build`.
Latest version: 3.0.0

# @snowpack/plugin-webpack

Use Webpack to bundle your Snowpack project for production when you run `snowpack build`.

See our [build pipeline](https://www.snowpack.dev/concepts/build-pipeline) docs for more information.

### Install

```
npm install --save-dev @snowpack/plugin-webpack
```

Then add `@snowpack/plugin-webpack` to `snowpack.config.mjs`:

```js
export default {
  plugins: [
    [
      '@snowpack/plugin-webpack',
      {
        /* see "Plugin Options" below */
      },
    ],
  ],
};
```

Once added to the configuration, `@snowpack/plugin-webpack` will run automatically on `snowpack build`.

### Plugin Options

- `sourceMap: boolean` - Enable sourcemaps in the bundled output.
- `outputPattern: {css: string, js: string, assets: string}` - Set the URL for your final bundled files. This is where they will be written to disk in the `build/` directory. See Webpack's [`output.filename`](https://webpack.js.org/configuration/output/#outputfilename) documentation for examples of valid values.
- `extendConfig: (config: WebpackConfig) => WebpackConfig` - extend your webpack config, see below.
- `manifest: boolean | string` - Enable generating a manifest file. The default value is `false`, the default file name is `./asset-manifest.json` if setting manifest to `true`. The relative path is resolved from the output directory.
- `htmlMinifierOptions: boolean | object` - [See below](#minify-html).
- `failOnWarnings: boolean` - Does fail the build when Webpack emits warnings. The default value is `false`.

#### Extending The Default Webpack Config

The `extendConfig` option is a function that you can provide to configure the default webpack config. If you provide this function, the plugin will pass its return value to `webpack.compile()`. Use this to make changes, add plugins, configure loaders, etc.

```js
// snowpack.config.mjs
export default {
  plugins: [
    [
      '@snowpack/plugin-webpack',
      {
        extendConfig: (config) => {
          config.plugins.push(/* ... */);
          return config;
        },
      },
    ],
  ],
};
```

#### Minify HTML

With `htmlMinifierOptions` you can either disable the minification entirely or provide your own [options](https://github.com/kangax/html-minifier#options-quick-reference).

```js
// snowpack.config.mjs
export default {
  plugins: [
    [
      '@snowpack/plugin-webpack',
      {
        htmlMinifierOptions: false, // disabled entirely,
      },
    ],
  ],
};
```

The default options are:

```js
{
  collapseWhitespace: true,
  removeComments: true,
  removeEmptyAttributes: true,
  removeRedundantAttributes: true,
  removeScriptTypeAttributes: true,
  removeStyleLinkTypeAttributes: true,
}
```
npm package: @snowpack/web-test-runner-plugin
Description: A [@web/test-runner](https://modern-web.dev/docs/test-runner/overview/) plugin to test Snowpack-powered projects. This plugin automatically connects to the Snowpack project in the current directory, loads the project configuration, and the uses your alrea
Latest version: 0.2.2

# @snowpack/web-test-runner-plugin

A [@web/test-runner](https://modern-web.dev/docs/test-runner/overview/) plugin to test Snowpack-powered projects. This plugin automatically connects to the Snowpack project in the current directory, loads the project configuration, and the uses your already-configured Snowpack build pipeline to build each test file.

## Usage

```
npm install @snowpack/web-test-runner-plugin --save-dev
```

```
// web-test-runner.config.js

// NOTE: For now, NODE_ENV needs to be set to "test" for Snowpack
// to build test files properly. We hope to remove this limitation
// in a future release.
process.env.NODE_ENV = 'test';

module.exports = {
  plugins: [require('@snowpack/web-test-runner-plugin')()],
};
```

## Options

None! If you need to configure Snowpack, you can do so in your project `snowpack.config.js` file.

Looking for support for some missing option/configuration? Please file an isuse! Your feedback is important.
npm package: @snowpact/eslint-config
Description: Default eslint config for snowpact projects
Author: Snowpact
Latest version: 1.5.3

# Snowpact eslint config

## Installation

```shell script
yarn add @snowpact/eslint-config -D
```

## Usage

### React
Using `.eslintrc.json`:
```json
{
  "extends": "@snowpact/eslint-config/react"
}
```

Using `.eslintrc.js`:
```javascript
module.exports = {
  extends: '@snowpact/eslint-config/react'
}
```

and in `package.json` :

```json
"devDependencies": {
  "@snowpact/eslint-config": "^1.1.3",
  "eslint": "^7.32.0",
  "prettier": "^2.4.1"
},
```