Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
@sveltejs/vite-plugin-svelte
Advanced tools
@sveltejs/vite-plugin-svelte is a Vite plugin that provides seamless integration with Svelte, a modern JavaScript framework for building user interfaces. This plugin allows developers to use Svelte with Vite, leveraging Vite's fast build times and hot module replacement (HMR) capabilities.
Basic Setup
This code demonstrates how to include the @sveltejs/vite-plugin-svelte plugin in a Vite configuration file. This basic setup allows you to start using Svelte with Vite.
```json
{
"plugins": [
require('@sveltejs/vite-plugin-svelte')()
]
}
```
Hot Module Replacement (HMR)
This code sample shows how to enable Hot Module Replacement (HMR) with the @sveltejs/vite-plugin-svelte plugin. HMR allows you to see changes in your Svelte components instantly without a full page reload.
```json
{
"plugins": [
require('@sveltejs/vite-plugin-svelte')({
hot: true
})
]
}
```
Custom Svelte Compiler Options
This example demonstrates how to pass custom compiler options to the Svelte compiler using the @sveltejs/vite-plugin-svelte plugin. In this case, the `dev` option is set to `true` to enable development mode.
```json
{
"plugins": [
require('@sveltejs/vite-plugin-svelte')({
compilerOptions: {
dev: true
}
})
]
}
```
vite-plugin-vue2 is a Vite plugin that provides support for Vue 2.x. Similar to @sveltejs/vite-plugin-svelte, it allows developers to use Vue 2 with Vite, leveraging Vite's fast build times and HMR capabilities. However, it is specifically tailored for Vue 2.x instead of Svelte.
vite-plugin-react is a Vite plugin that provides support for React. Like @sveltejs/vite-plugin-svelte, it integrates React with Vite, offering fast build times and HMR. This plugin is designed for React developers who want to use Vite as their build tool.
vite-plugin-preact is a Vite plugin that provides support for Preact, a lightweight alternative to React. Similar to @sveltejs/vite-plugin-svelte, it allows developers to use Preact with Vite, benefiting from Vite's performance optimizations and HMR.
FAQs
The official [Svelte](https://svelte.dev) plugin for [Vite](https://vitejs.dev).
We found that @sveltejs/vite-plugin-svelte demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.