3 | export default colors
4 | }
5 |
6 | declare module '*.vue' {
7 | import { ComponentOptions } from 'vue'
8 | const component: ComponentOptions
9 | export default component
10 | }
11 |
--------------------------------------------------------------------------------
/packages/playground/wasm/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-wasm",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react/src/main.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import './index.css'
4 | import App from './App'
5 |
6 | ReactDOM.render(
7 |
8 |
9 | ,
10 | document.getElementById('root')
11 | )
12 |
--------------------------------------------------------------------------------
/packages/playground/assets/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-assets",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/define/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-define",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/lib/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@example/my-lib",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/ssr-react/src/entry-client.jsx:
--------------------------------------------------------------------------------
1 | import ReactDOM from 'react-dom'
2 | import { BrowserRouter } from 'react-router-dom'
3 | import { App } from './App'
4 |
5 | ReactDOM.hydrate(
6 |
7 |
8 | ,
9 | document.getElementById('app')
10 | )
11 |
--------------------------------------------------------------------------------
/packages/playground/worker/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-worker",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react-ts/src/main.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import './index.css'
4 | import App from './App'
5 |
6 | ReactDOM.render(
7 |
8 |
9 | ,
10 | document.getElementById('root')
11 | )
12 |
--------------------------------------------------------------------------------
/packages/playground/backend-integration/frontend/entrypoints/main.ts:
--------------------------------------------------------------------------------
1 | export const colorClass = 'text-black'
2 |
3 | export function colorHeading() {
4 | document.querySelector('h1').className = colorClass
5 | }
6 |
7 | colorHeading()
8 |
9 | if (import.meta.hot) {
10 | import.meta.hot.accept()
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/data-uri/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-data-uri",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/glob-import/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-import-context",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/ssr-vue/src/components/Foo.jsx:
--------------------------------------------------------------------------------
1 | import { defineComponent } from 'vue'
2 | import './foo.css'
3 |
4 | // named exports w/ variable declaration: ok
5 | export const Foo = defineComponent({
6 | name: 'foo',
7 | setup() {
8 | return () => from JSX
9 | }
10 | })
11 |
--------------------------------------------------------------------------------
/packages/playground/ssr-vue/src/pages/External.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
14 |
--------------------------------------------------------------------------------
/packages/playground/tsconfig-json/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tsconfig-json",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/css-codesplit/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-css-codesplit",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/dynamic-import/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-dynamic-import",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/fs-serve/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-fs-serve",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite root",
7 | "build": "vite build root",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/plugin-vue/src/helper.ts:
--------------------------------------------------------------------------------
1 | export const EXPORT_HELPER_ID = 'plugin-vue:export-helper'
2 |
3 | export const helperCode = `
4 | export default (sfc, props) => {
5 | const target = sfc.__vccOpts || sfc;
6 | for (const [key, val] of props) {
7 | target[key] = val;
8 | }
9 | return target;
10 | }
11 | `
12 |
--------------------------------------------------------------------------------
/packages/vite/src/client/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.base.json",
3 | "include": ["./", "../../types"],
4 | "compilerOptions": {
5 | "outDir": "../../dist/client",
6 | "module": "esnext",
7 | "types": [],
8 | "lib": ["ESNext", "DOM"],
9 | "declaration": false
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/scripts/jestGlobalTeardown.cjs:
--------------------------------------------------------------------------------
1 | const fs = require('fs-extra')
2 | const path = require('path')
3 |
4 | module.exports = async () => {
5 | await global.__BROWSER_SERVER__.close()
6 | if (!process.env.VITE_PRESERVE_BUILD_ARTIFACTS) {
7 | await fs.remove(path.resolve(__dirname, '../packages/temp'))
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/packages/playground/backend-integration/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | mode: 'jit',
3 | purge: [__dirname + '/frontend/**/*.{css,html,ts,js}'],
4 | darkMode: false, // or 'media' or 'class'
5 | theme: {
6 | extend: {}
7 | },
8 | variants: {
9 | extend: {}
10 | },
11 | plugins: []
12 | }
13 |
--------------------------------------------------------------------------------
/packages/playground/css-codesplit-cjs/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-css-codesplit-cjs",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/css/postcss-caching/blue-app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "blue-app",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/css/postcss-caching/green-app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "green-app",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "multiple-entrypoints",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/nested-deps/test-package-e/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-package-e",
3 | "version": "0.1.0",
4 | "main": "index.js",
5 | "dependencies": {
6 | "test-package-e-excluded": "link:./test-package-e-excluded",
7 | "test-package-e-included": "link:./test-package-e-included"
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/packages/playground/preserve-symlinks/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "preserve-symlinks",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite --force",
6 | "build": "vite build",
7 | "preview": "vite preview"
8 | },
9 | "dependencies": {
10 | "@symlinks/moduleA": "link:./moduleA"
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/playground/resolve/custom-condition/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "resolve-custom-condition",
3 | "version": "1.0.0",
4 | "main": "index.js",
5 | "exports": {
6 | ".": {
7 | "custom": "./index.custom.js",
8 | "import": "./index.js",
9 | "require": "./index.js"
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/playground/ssr-html/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | SSR HTML
7 |
8 |
9 | SSR Dynamic HTML
10 |
11 |
12 |
--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | docs/.vitepress/dist/
2 | packages/vite/dist/
3 | packages/vite/temp/
4 | packages/plugin-react/dist/
5 | packages/plugin-vue/dist/
6 | packages/*/CHANGELOG.md
7 | LICENSE.md
8 | .prettierignore
9 | pnpm-lock.yaml
10 | pnpm-workspace.yaml
11 | packages/playground/tsconfig-json-load-error/has-error/tsconfig.json
12 |
--------------------------------------------------------------------------------
/packages/playground/optimize-missing-deps/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Vite App
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/packages/playground/preserve-symlinks/__tests__/preserve-symlinks.spec.ts:
--------------------------------------------------------------------------------
1 | test('should have no 404s', () => {
2 | browserLogs.forEach((msg) => {
3 | expect(msg).not.toMatch('404')
4 | })
5 | })
6 |
7 | test('not-preserve-symlinks', async () => {
8 | expect(await page.textContent('#root')).toBe('hello vite')
9 | })
10 |
--------------------------------------------------------------------------------
/packages/playground/cli-module/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-cli-module",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "vite build",
9 | "debug": "node --inspect-brk ../../vite/bin/vite",
10 | "serve": "vite preview"
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/playground/extensions/__tests__/extensions.spec.ts:
--------------------------------------------------------------------------------
1 | test('should have no 404s', () => {
2 | browserLogs.forEach((msg) => {
3 | expect(msg).not.toMatch('404')
4 | })
5 | })
6 |
7 | test('not contain `.mjs`', async () => {
8 | const appHtml = await page.content()
9 | expect(appHtml).toMatch('Hello Vite!')
10 | })
11 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/entrypoints/a21.js:
--------------------------------------------------------------------------------
1 | import a22 from './a22'
2 | import a23 from './a23'
3 | import a24 from './a24'
4 |
5 | export const that = () => import('./a20.js')
6 |
7 | export function other() {
8 | return a22() + a23() + a24()
9 | }
10 |
11 | export default function () {
12 | return 123
13 | }
14 |
--------------------------------------------------------------------------------
/packages/playground/preload/src/components/Home.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | This is home page.
4 |
5 | Go to About page
6 |
7 | Go to Hello page
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/packages/playground/preload/vite.config.js:
--------------------------------------------------------------------------------
1 | const vuePlugin = require('@vitejs/plugin-vue')
2 |
3 | module.exports = {
4 | plugins: [vuePlugin()],
5 | build: {
6 | terserOptions: {
7 | format: {
8 | beautify: true
9 | },
10 | compress: {
11 | passes: 3
12 | }
13 | }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/ssr-react/src/forked-deadlock/common-module.js:
--------------------------------------------------------------------------------
1 | import { stuckModuleExport } from './stuck-module'
2 | import { deadlockfuseModuleExport } from './deadlock-fuse-module'
3 |
4 | /**
5 | * module H
6 | */
7 | export function commonModuleExport() {
8 | stuckModuleExport()
9 | deadlockfuseModuleExport()
10 | }
11 |
--------------------------------------------------------------------------------
/packages/playground/tsconfig-json-load-error/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tsconfig-json-load-error",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/vite/src/browser/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.base.json",
3 | "include": ["./", "../../types"],
4 | "compilerOptions": {
5 | "outDir": "../../dist/browser",
6 | "module": "esnext",
7 | "lib": ["ESNext", "DOM"],
8 | "sourceMap": true,
9 | "noUnusedLocals": false,
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/create-vite/template-lit/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 |
3 | // https://vitejs.dev/config/
4 | export default defineConfig({
5 | build: {
6 | lib: {
7 | entry: 'src/my-element.js',
8 | formats: ['es']
9 | },
10 | rollupOptions: {
11 | external: /^lit/
12 | }
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue-ts/src/env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
3 | declare module '*.vue' {
4 | import { DefineComponent } from 'vue'
5 | // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
6 | const component: DefineComponent<{}, {}, any>
7 | export default component
8 | }
9 |
--------------------------------------------------------------------------------
/packages/playground/assets/css/fonts.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'Inter';
3 | font-style: italic;
4 | font-weight: 400;
5 | font-display: swap;
6 | src: url('../fonts/Inter-Italic.woff2?#iefix') format('woff2'),
7 | url('/fonts/Inter-Italic.woff') format('woff');
8 | }
9 |
10 | body {
11 | font-family: 'Inter';
12 | }
13 |
--------------------------------------------------------------------------------
/packages/playground/css-codesplit/vite.config.js:
--------------------------------------------------------------------------------
1 | const { resolve } = require('path')
2 |
3 | module.exports = {
4 | build: {
5 | manifest: true,
6 | rollupOptions: {
7 | input: {
8 | main: resolve(__dirname, './index.html'),
9 | other: resolve(__dirname, './other.js')
10 | }
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/playground/css/composes-path-resolving.module.css:
--------------------------------------------------------------------------------
1 | .path-resolving-css {
2 | composes: apply-color from '@/composed.module.css';
3 | }
4 |
5 | .path-resolving-sass {
6 | composes: apply-color from '@/composed.module.scss';
7 | }
8 |
9 | .path-resolving-less {
10 | composes: apply-color from '@/composed.module.less';
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/vue-jsx/SrcImport.jsx:
--------------------------------------------------------------------------------
1 | import { defineComponent, ref } from 'vue'
2 |
3 | export default defineComponent(() => {
4 | const count = ref(5)
5 | const inc = () => count.value++
6 |
7 | return () => (
8 |
11 | )
12 | })
13 |
--------------------------------------------------------------------------------
/packages/vite/tsconfig.base.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "ES2018",
4 | "moduleResolution": "node",
5 | "strict": true,
6 | "declaration": true,
7 | "noImplicitOverride": true,
8 | "noUnusedLocals": true,
9 | "esModuleInterop": true,
10 | "useUnknownInCatchVariables": false
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/packages/create-vite/template-lit-ts/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 |
3 | // https://vitejs.dev/config/
4 | export default defineConfig({
5 | build: {
6 | lib: {
7 | entry: 'src/my-element.ts',
8 | formats: ['es']
9 | },
10 | rollupOptions: {
11 | external: /^lit/
12 | }
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vanilla-ts/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-typescript-starter",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite",
6 | "build": "tsc && vite build",
7 | "preview": "vite preview"
8 | },
9 | "devDependencies": {
10 | "typescript": "^4.4.4",
11 | "vite": "^2.6.13"
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/playground/ssr-react/src/pages/About.jsx:
--------------------------------------------------------------------------------
1 | import { addAndMultiply } from '../add'
2 | import { multiplyAndAdd } from '../multiply'
3 |
4 | export default function About() {
5 | return (
6 | <>
7 | About
8 | {addAndMultiply(1, 2, 3)}
9 | {multiplyAndAdd(1, 2, 3)}
10 |
11 | )
12 | }
13 |
--------------------------------------------------------------------------------
/packages/playground/css/postcss-caching/blue-app/index.html:
--------------------------------------------------------------------------------
1 |
2 |
CSS
3 |
4 |
Imported css string:
5 |
6 |
7 |
This should be blue
8 |
9 |
This should be black
10 |
2 |
CSS
3 |
4 |
Imported css string:
5 |
6 |
7 |
This should be black
8 |
9 |
This should be green
10 |
SSR Dependencies
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/playground/extensions/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-extensions",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "dependencies": {
12 | "vue": "^3.2.23"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/entrypoints/a20.js:
--------------------------------------------------------------------------------
1 | import a21 from './a21'
2 | import a22 from './a22'
3 | import a23 from './a23'
4 | import a24 from './a24'
5 |
6 | export const that = () => import('./a19.js')
7 |
8 | export function other() {
9 | return a21() + a22() + a23() + a24()
10 | }
11 |
12 | export default function () {
13 | return 123
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/resolve/browser-field/relative.js:
--------------------------------------------------------------------------------
1 | import ra from './no-ext'
2 | import rb from './no-ext.js' // no substitution
3 | import rc from './ext'
4 | import rd from './ext.js'
5 | import re from './ext-index/index.js'
6 | import rf from './ext-index'
7 | import rg from './no-ext-index/index.js' // no substitution
8 |
9 | export { ra, rb, rc, rd, re, rf, rg }
10 |
--------------------------------------------------------------------------------
/packages/playground/vue-jsx/Script.vue:
--------------------------------------------------------------------------------
1 |
15 |
--------------------------------------------------------------------------------
/packages/playground/preload/src/components/Hello.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ msg }}
3 |
4 | This is hello page.
5 |
6 | Go to Home page
7 |
8 |
9 |
10 |
13 |
14 |
19 |
--------------------------------------------------------------------------------
/packages/playground/vue-jsx/Comp.tsx:
--------------------------------------------------------------------------------
1 | import { defineComponent, ref } from 'vue'
2 |
3 | const Default = defineComponent(() => {
4 | const count = ref(3)
5 | const inc = () => count.value++
6 |
7 | return () => (
8 |
11 | )
12 | })
13 |
14 | export default Default
15 |
--------------------------------------------------------------------------------
/packages/playground/resolve/exports-env/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "resolve-exports-env",
3 | "version": "1.0.0",
4 | "exports": {
5 | "import": {
6 | "browser": {
7 | "production": "./browser.prod.mjs",
8 | "development": "./browser.mjs"
9 | }
10 | },
11 | "browser": "./browser.js",
12 | "default": "./fallback.umd.js"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/ssr-react/src/entry-server.jsx:
--------------------------------------------------------------------------------
1 | import ReactDOMServer from 'react-dom/server'
2 | import { StaticRouter } from 'react-router-dom'
3 | import { App } from './App'
4 |
5 | export function render(url, context) {
6 | return ReactDOMServer.renderToString(
7 |
8 |
9 |
10 | )
11 | }
12 |
--------------------------------------------------------------------------------
/packages/playground/tailwind/src/router.ts:
--------------------------------------------------------------------------------
1 | import { createWebHistory, createRouter } from 'vue-router'
2 | import Page from './views/Page.vue'
3 |
4 | const history = createWebHistory()
5 |
6 | const routeur = createRouter({
7 | history: history,
8 | routes: [
9 | {
10 | path: '/',
11 | component: Page
12 | }
13 | ]
14 | })
15 |
16 | export default routeur
17 |
--------------------------------------------------------------------------------
/packages/playground/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "include": ["."],
3 | "exclude": ["**/dist/**"],
4 | "compilerOptions": {
5 | "target": "es2019",
6 | "outDir": "dist",
7 | "allowJs": true,
8 | "esModuleInterop": true,
9 | "moduleResolution": "node",
10 | "baseUrl": ".",
11 | "jsx": "preserve",
12 | "types": ["vite/client", "jest", "node"]
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/config.yml:
--------------------------------------------------------------------------------
1 | blank_issues_enabled: false
2 | contact_links:
3 | - name: Discord Chat
4 | url: https://chat.vitejs.dev
5 | about: Ask questions and discuss with other Vite users in real time.
6 | - name: Questions & Discussions
7 | url: https://github.com/vitejs/vite/discussions
8 | about: Use GitHub discussions for message-board style questions and discussions.
9 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-vue-starter",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite",
6 | "build": "vite build",
7 | "preview": "vite preview"
8 | },
9 | "dependencies": {
10 | "vue": "^3.2.23"
11 | },
12 | "devDependencies": {
13 | "@vitejs/plugin-vue": "^1.9.4",
14 | "vite": "^2.6.13"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/backend-integration/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-backend-integration",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "dependencies": {
12 | "tailwindcss": "^2.2.19"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/tsconfig-json/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Vite App
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/playground/ssr-react/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Vite App
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/create-vite/template-preact/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-preact-starter",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite",
6 | "build": "vite build",
7 | "preview": "vite preview"
8 | },
9 | "dependencies": {
10 | "preact": "^10.5.15"
11 | },
12 | "devDependencies": {
13 | "@preact/preset-vite": "^2.1.5",
14 | "vite": "^2.6.13"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/entrypoints/a19.js:
--------------------------------------------------------------------------------
1 | import a20 from './a20'
2 | import a21 from './a21'
3 | import a22 from './a22'
4 | import a23 from './a23'
5 | import a24 from './a24'
6 |
7 | export const that = () => import('./a18.js')
8 |
9 | export function other() {
10 | return a20() + a21() + a22() + a23() + a24()
11 | }
12 |
13 | export default function () {
14 | return 123
15 | }
16 |
--------------------------------------------------------------------------------
/packages/plugin-react/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "include": ["src"],
3 | "exclude": ["**/*.spec.ts"],
4 | "compilerOptions": {
5 | "outDir": "dist",
6 | "target": "ES2018",
7 | "module": "CommonJS",
8 | "moduleResolution": "Node",
9 | "strict": true,
10 | "declaration": true,
11 | "sourceMap": true,
12 | "noUnusedLocals": true,
13 | "esModuleInterop": true
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/create-vite/template-svelte/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-svelte-starter",
3 | "version": "0.0.0",
4 | "type": "module",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "preview": "vite preview"
9 | },
10 | "devDependencies": {
11 | "@sveltejs/vite-plugin-svelte": "^1.0.0-next.30",
12 | "svelte": "^3.44.0",
13 | "vite": "^2.6.13"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/assets/vite.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 |
3 | /**
4 | * @type {import('vite').UserConfig}
5 | */
6 | module.exports = {
7 | base: '/foo/',
8 | publicDir: 'static',
9 | resolve: {
10 | alias: {
11 | '@': path.resolve(__dirname, 'nested')
12 | }
13 | },
14 | build: {
15 | outDir: 'dist/foo',
16 | manifest: true,
17 | watch: {}
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/packages/playground/css/postcss-caching/blue-app/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: [replacePinkWithBlue]
3 | }
4 |
5 | function replacePinkWithBlue() {
6 | return {
7 | postcssPlugin: 'replace-pink-with-blue',
8 | Declaration(decl) {
9 | if (decl.value === 'pink') {
10 | decl.value = 'blue'
11 | }
12 | }
13 | }
14 | }
15 | replacePinkWithBlue.postcss = true
16 |
--------------------------------------------------------------------------------
/packages/playground/legacy/vite.config-custom-filename.js:
--------------------------------------------------------------------------------
1 | const legacy = require('@vitejs/plugin-legacy').default
2 |
3 | module.exports = {
4 | plugins: [legacy()],
5 | build: {
6 | manifest: true,
7 | minify: false,
8 | rollupOptions: {
9 | output: {
10 | entryFileNames: `assets/[name].js`,
11 | chunkFileNames: `assets/[name].js`
12 | }
13 | }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/tsconfig-json-load-error/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Vite App
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/playground/worker/my-shared-worker.ts:
--------------------------------------------------------------------------------
1 | let count = 0
2 | const ports = new Set()
3 |
4 | onconnect = (event) => {
5 | const port = event.ports[0]
6 | ports.add(port)
7 | port.postMessage(count)
8 | port.onmessage = (message) => {
9 | if (message.data === 'tick') {
10 | count++
11 | ports.forEach((p) => {
12 | p.postMessage(count)
13 | })
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/backend-integration/frontend/styles/background.css:
--------------------------------------------------------------------------------
1 | .background-asset {
2 | background-repeat: no-repeat;
3 | background-size: 100%;
4 | display: inline-block;
5 | height: 32px;
6 | width: 32px;
7 | }
8 |
9 | .outside-root--aliased {
10 | background-image: url('~/images/logo.png');
11 | }
12 |
13 | .outside-root--relative {
14 | background-image: url('../images/logo.png');
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/html/foo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | About
8 |
9 |
10 | Foo.html
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/playground/resolve/exports-path/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "resolve-exports-path",
3 | "version": "1.0.0",
4 | "exports": {
5 | ".": {
6 | "import": "./main.js",
7 | "require": "./cjs.js"
8 | },
9 | "./deep.js": "./deep.js",
10 | "./dir/": "./dir/",
11 | "./dir-mapped/*": {
12 | "import": "./dir/*",
13 | "require": "./dir-cjs/*"
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/ssr-pug/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-ssr-pug",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "node server",
7 | "serve": "cross-env NODE_ENV=production node server",
8 | "debug": "node --inspect-brk server"
9 | },
10 | "devDependencies": {
11 | "cross-env": "^7.0.3",
12 | "express": "^4.17.1",
13 | "pug": "^3.0.2"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/css/postcss-caching/green-app/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: [replacePinkWithGreen]
3 | }
4 |
5 | function replacePinkWithGreen() {
6 | return {
7 | postcssPlugin: 'replace-pink-with-green',
8 | Declaration(decl) {
9 | if (decl.value === 'pink') {
10 | decl.value = 'green'
11 | }
12 | }
13 | }
14 | }
15 | replacePinkWithGreen.postcss = true
16 |
--------------------------------------------------------------------------------
/packages/playground/ssr-html/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-ssr-html",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "node server",
7 | "serve": "cross-env NODE_ENV=production node server",
8 | "debug": "node --inspect-brk server"
9 | },
10 | "dependencies": {},
11 | "devDependencies": {
12 | "cross-env": "^7.0.3",
13 | "express": "^4.17.1"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/vue/index.html:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/playground/env/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-env",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "cross-env VITE_INLINE=inline-serve vite",
7 | "build": "cross-env VITE_INLINE=inline-build vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "devDependencies": {
12 | "cross-env": "^7.0.3"
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/hmr/hmrDep.js:
--------------------------------------------------------------------------------
1 | export const foo = 1
2 | export { foo as nestedFoo } from './hmrNestedDep'
3 |
4 | if (import.meta.hot) {
5 | const data = import.meta.hot.data
6 | if ('fromDispose' in data) {
7 | console.log(`(dep) foo from dispose: ${data.fromDispose}`)
8 | }
9 |
10 | import.meta.hot.dispose((data) => {
11 | console.log(`(dep) foo was: ${foo}`)
12 | data.fromDispose = foo
13 | })
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/ssr-vue/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Vite App
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-react-starter",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite",
6 | "build": "vite build",
7 | "preview": "vite preview"
8 | },
9 | "dependencies": {
10 | "react": "^17.0.2",
11 | "react-dom": "^17.0.2"
12 | },
13 | "devDependencies": {
14 | "@vitejs/plugin-react": "^1.0.7",
15 | "vite": "^2.6.13"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue-ts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/playground/html/inline/module-graph.dot:
--------------------------------------------------------------------------------
1 | digraph Module {
2 | common -> { dep1, dep2 } [style=dashed,color=grey]
3 | dep1 -> common
4 | dep2 -> common
5 | dep3 -> { dep2, common }
6 |
7 | subgraph shared {
8 | shared [style=filled]
9 | shared -> { dep3, common }
10 | }
11 |
12 | subgraph unique {
13 | unique [style=filled]
14 | unique -> { common, dep2 }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/ssr-deps/vite.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @type {import('vite').UserConfig}
3 | */
4 | module.exports = {
5 | resolve: {
6 | // The dependency `node-addon` needs to be linked to node_modules and preserve symlinks,
7 | // because the `.node` file cannot be unlinked in Windows after being filed to node_modules
8 | // ref: https://github.com/nodejs/node/issues/24878/
9 | preserveSymlinks: true
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/create-vite/template-svelte/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Svelte + Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/entrypoints/a18.js:
--------------------------------------------------------------------------------
1 | import a19 from './a19'
2 | import a20 from './a20'
3 | import a21 from './a21'
4 | import a22 from './a22'
5 | import a23 from './a23'
6 | import a24 from './a24'
7 |
8 | export const that = () => import('./a17.js')
9 |
10 | export function other() {
11 | return a19() + a20() + a21() + a22() + a23() + a24()
12 | }
13 |
14 | export default function () {
15 | return 123
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/ssr-vue/src/pages/Store.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ foo }}
3 |
4 |
5 |
19 |
20 |
25 |
--------------------------------------------------------------------------------
/packages/playground/ssr-webworker/__tests__/ssr-webworker.spec.ts:
--------------------------------------------------------------------------------
1 | import { port } from './serve'
2 |
3 | const url = `http://localhost:${port}`
4 |
5 | test('/', async () => {
6 | await page.goto(url + '/')
7 | expect(await page.textContent('h1')).toMatch('hello from webworker')
8 | expect(await page.textContent('.linked')).toMatch('dep from upper directory')
9 | expect(await page.textContent('.external')).toMatch('object')
10 | })
11 |
--------------------------------------------------------------------------------
/packages/create-vite/template-preact-ts/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-preact-ts-starter",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite",
6 | "build": "tsc && vite build",
7 | "preview": "vite preview"
8 | },
9 | "dependencies": {
10 | "preact": "^10.5.15"
11 | },
12 | "devDependencies": {
13 | "@preact/preset-vite": "^2.1.5",
14 | "typescript": "^4.4.4",
15 | "vite": "^2.6.13"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/packages/create-vite/template-svelte-ts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Svelte + TS + Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vanilla/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/playground/vue-jsx/vite.config.js:
--------------------------------------------------------------------------------
1 | const vueJsxPlugin = require('@vitejs/plugin-vue-jsx')
2 | const vuePlugin = require('@vitejs/plugin-vue')
3 |
4 | /**
5 | * @type {import('vite').UserConfig}
6 | */
7 | module.exports = {
8 | plugins: [
9 | vueJsxPlugin({
10 | include: [/\.tesx$/, /\.[jt]sx$/]
11 | }),
12 | vuePlugin()
13 | ],
14 | build: {
15 | // to make tests faster
16 | minify: false
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/create-vite/template-preact/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vanilla-ts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue/README.md:
--------------------------------------------------------------------------------
1 | # Vue 3 + Vite
2 |
3 | This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `
15 |
--------------------------------------------------------------------------------
/packages/playground/preserve-symlinks/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/playground/ssr-webworker/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-ssr-webworker",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "DEV=1 node worker",
7 | "build:worker": "vite build --ssr src/entry-worker.jsx --outDir dist/worker"
8 | },
9 | "dependencies": {
10 | "react": "^17.0.2"
11 | },
12 | "devDependencies": {
13 | "miniflare": "^1.4.1",
14 | "resolve-linked": "workspace:*"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "semi": false,
3 | "tabWidth": 2,
4 | "singleQuote": true,
5 | "printWidth": 80,
6 | "trailingComma": "none",
7 | "overrides": [
8 | {
9 | "files": ["*.json5"],
10 | "options": {
11 | "singleQuote": false,
12 | "quoteProps": "preserve"
13 | }
14 | },
15 | {
16 | "files": ["*.yml"],
17 | "options": {
18 | "singleQuote": false
19 | }
20 | }
21 | ]
22 | }
23 |
--------------------------------------------------------------------------------
/packages/create-vite/template-preact-ts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react-ts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/packages/playground/define/vite.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | define: {
3 | __EXP__: '1 + 1',
4 | __STRING__: '"hello"',
5 | __NUMBER__: 123,
6 | __BOOLEAN__: true,
7 | __OBJ__: {
8 | foo: 1,
9 | bar: {
10 | baz: 2
11 | },
12 | process: {
13 | env: {
14 | SOMEVAR: '"PROCESS MAY BE PROPERTY"'
15 | }
16 | }
17 | },
18 | 'process.env.SOMEVAR': '"SOMEVAR"'
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/__tests__/multiple-entrypoints.spec.ts:
--------------------------------------------------------------------------------
1 | import { getColor, untilUpdated } from '../../testUtils'
2 |
3 | test('should have css applied on second dynamic import', async () => {
4 | await untilUpdated(() => page.textContent('.content'), 'Initial', true)
5 | await page.click('.b')
6 |
7 | await untilUpdated(() => page.textContent('.content'), 'Reference', true)
8 | expect(await getColor('.content')).toBe('red')
9 | })
10 |
--------------------------------------------------------------------------------
/packages/playground/nested-deps/vite.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @type {import('vite').UserConfig}
3 | */
4 | module.exports = {
5 | optimizeDeps: {
6 | include: [
7 | 'test-package-a',
8 | 'test-package-b',
9 | 'test-package-c',
10 | 'test-package-c/side',
11 | 'test-package-d > test-package-d-nested',
12 | 'test-package-e-included'
13 | ],
14 | exclude: ['test-package-d', 'test-package-e-excluded']
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/react-emotion/vite.config.ts:
--------------------------------------------------------------------------------
1 | import react from '@vitejs/plugin-react'
2 |
3 | const config: import('vite').UserConfig = {
4 | plugins: [
5 | react({
6 | jsxImportSource: '@emotion/react',
7 | babel: {
8 | plugins: ['@emotion/babel-plugin']
9 | }
10 | })
11 | ],
12 | clearScreen: false,
13 | build: {
14 | // to make tests faster
15 | minify: false
16 | }
17 | }
18 |
19 | export default config
20 |
--------------------------------------------------------------------------------
/packages/playground/wasm/__tests__/wasm.spec.ts:
--------------------------------------------------------------------------------
1 | import { untilUpdated } from '../../testUtils'
2 |
3 | test('should work when inlined', async () => {
4 | await page.click('.inline-wasm .run')
5 | await untilUpdated(() => page.textContent('.inline-wasm .result'), '42')
6 | })
7 |
8 | test('should work when output', async () => {
9 | await page.click('.output-wasm .run')
10 | await untilUpdated(() => page.textContent('.output-wasm .result'), '24')
11 | })
12 |
--------------------------------------------------------------------------------
/packages/plugin-vue-jsx/index.d.ts:
--------------------------------------------------------------------------------
1 | import { Plugin } from 'vite'
2 | import { VueJSXPluginOptions } from '@vue/babel-plugin-jsx'
3 | import { FilterPattern } from '@rollup/pluginutils'
4 |
5 | declare interface FilterOptions {
6 | include?: FilterPattern
7 | exclude?: FilterPattern
8 | }
9 |
10 | declare function createPlugin(
11 | options?: VueJSXPluginOptions & FilterOptions & { babelPlugins?: any[] }
12 | ): Plugin
13 |
14 | export default createPlugin
15 |
--------------------------------------------------------------------------------
/.github/workflows/issue-close-require.yml:
--------------------------------------------------------------------------------
1 | name: Issue Close Require
2 |
3 | on:
4 | schedule:
5 | - cron: "0 0 * * *"
6 |
7 | jobs:
8 | close-issues:
9 | runs-on: ubuntu-latest
10 | steps:
11 | - name: need reproduction
12 | uses: actions-cool/issues-helper@v2
13 | with:
14 | actions: "close-issues"
15 | token: ${{ secrets.GITHUB_TOKEN }}
16 | labels: "need reproduction"
17 | inactive-day: 3
18 |
--------------------------------------------------------------------------------
/packages/create-vite/template-lit/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-lit-starter",
3 | "version": "0.0.0",
4 | "main": "dist/my-element.es.js",
5 | "exports": {
6 | ".": "./dist/my-element.es.js"
7 | },
8 | "files": [
9 | "dist"
10 | ],
11 | "scripts": {
12 | "dev": "vite",
13 | "build": "vite build"
14 | },
15 | "dependencies": {
16 | "lit": "^2.0.2"
17 | },
18 | "devDependencies": {
19 | "vite": "^2.6.13"
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/packages/create-vite/template-react-ts/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/packages/playground/legacy/immutable-chunk.js:
--------------------------------------------------------------------------------
1 | const chunks = [
2 | 'index',
3 | 'index-legacy',
4 | 'chunk-async',
5 | 'chunk-async-legacy',
6 | 'immutable-chunk',
7 | 'immutable-chunk-legacy',
8 | 'polyfills-legacy'
9 | ]
10 |
11 | export function fn() {
12 | return Promise.all(
13 | chunks.map(async (name) => {
14 | const response = await fetch(`/assets/${name}.js`)
15 | return `${name}: ${response.status}`
16 | })
17 | )
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/lib/vite.dyimport.config.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs')
2 | const path = require('path')
3 |
4 | /**
5 | * @type {import('vite').UserConfig}
6 | */
7 | module.exports = {
8 | build: {
9 | minify: false,
10 | lib: {
11 | entry: path.resolve(__dirname, 'src/main2.js'),
12 | formats: ['es'],
13 | name: 'message',
14 | fileName: () => 'dynamic-import-message.js'
15 | },
16 | outDir: 'dist/lib'
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/optimize-missing-deps/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "optimize-missing-deps",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "node server",
7 | "postinstall": "node ../../../scripts/patchFileDeps.cjs"
8 | },
9 | "dependencies": {
10 | "missing-dep": "file:./missing-dep",
11 | "multi-entry-dep": "file:./multi-entry-dep"
12 | },
13 | "devDependencies": {
14 | "express": "^4.17.1"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/create-vite/template-preact-ts/src/app.tsx:
--------------------------------------------------------------------------------
1 | import { Logo } from './logo'
2 |
3 | export function App() {
4 | return (
5 | <>
6 |
7 | Hello Vite + Preact!
8 |
9 |
15 | Learn Preact
16 |
17 |
18 |
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/packages/create-vite/template-preact/src/app.jsx:
--------------------------------------------------------------------------------
1 | import { Logo } from './logo'
2 |
3 | export function App(props) {
4 | return (
5 | <>
6 |
7 | Hello Vite + Preact!
8 |
9 |
15 | Learn Preact
16 |
17 |
18 |
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/entrypoints/a17.js:
--------------------------------------------------------------------------------
1 | import a18 from './a18'
2 | import a19 from './a19'
3 | import a20 from './a20'
4 | import a21 from './a21'
5 | import a22 from './a22'
6 | import a23 from './a23'
7 | import a24 from './a24'
8 |
9 | export const that = () => import('./a16.js')
10 |
11 | export function other() {
12 | return a18() + a19() + a20() + a21() + a22() + a23() + a24()
13 | }
14 |
15 | export default function () {
16 | return 123
17 | }
18 |
--------------------------------------------------------------------------------
/packages/playground/preload/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-preload",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "dependencies": {
12 | "vue": "^3.2.23",
13 | "vue-router": "^4.0.0"
14 | },
15 | "devDependencies": {
16 | "@vitejs/plugin-vue": "workspace:*"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/tailwind/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite App
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/docs/public/voice.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/packages/playground/tsconfig-json/nested/main.ts:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 | import { NestedTypeOnlyClass } from './not-used-type'
3 |
4 | class NestedBase {
5 | set data(value: string) {
6 | console.log('data setter in NestedBase')
7 | }
8 | }
9 | class NestedDerived extends NestedBase {
10 | // No longer triggers a 'console.log'
11 | // when using 'useDefineForClassFields'.
12 | data = 10
13 |
14 | foo?: NestedTypeOnlyClass
15 | }
16 |
17 | const d = new NestedDerived()
18 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue-ts/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "esnext",
4 | "useDefineForClassFields": true,
5 | "module": "esnext",
6 | "moduleResolution": "node",
7 | "strict": true,
8 | "jsx": "preserve",
9 | "sourceMap": true,
10 | "resolveJsonModule": true,
11 | "esModuleInterop": true,
12 | "lib": ["esnext", "dom"]
13 | },
14 | "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/css/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-css",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "devDependencies": {
12 | "css-dep": "link:./css-dep",
13 | "less": "^4.1.2",
14 | "postcss-nested": "^5.0.6",
15 | "sass": "^1.43.4",
16 | "stylus": "^0.55.0"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/create-vite/template-vue-ts/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vite-vue-typescript-starter",
3 | "version": "0.0.0",
4 | "scripts": {
5 | "dev": "vite",
6 | "build": "vue-tsc --noEmit && vite build",
7 | "preview": "vite preview"
8 | },
9 | "dependencies": {
10 | "vue": "^3.2.23"
11 | },
12 | "devDependencies": {
13 | "@vitejs/plugin-vue": "^1.9.4",
14 | "typescript": "^4.4.4",
15 | "vite": "^2.6.13",
16 | "vue-tsc": "^0.28.10"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/optimize-deps/dep-linked-include/index.mjs:
--------------------------------------------------------------------------------
1 | export { msg } from './foo.js'
2 |
3 | import { useState } from 'react'
4 |
5 | export function useCount() {
6 | return useState(0)
7 | }
8 |
9 | // test dep with css/asset imports
10 | import './test.css'
11 |
12 | // test importing node built-ins
13 | import fs from 'fs'
14 |
15 | if (false) {
16 | fs.readFileSync()
17 | } else {
18 | console.log('ok')
19 | }
20 |
21 | export { default as VueSFC } from './Test.vue'
22 |
--------------------------------------------------------------------------------
/packages/playground/vue-jsx/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-vue-jsx",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "dependencies": {
12 | "vue": "^3.2.23"
13 | },
14 | "devDependencies": {
15 | "@vitejs/plugin-vue": "workspace:*",
16 | "@vitejs/plugin-vue-jsx": "workspace:*"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/vue/Hmr.vue:
--------------------------------------------------------------------------------
1 |
2 | HMR
3 | Click the button then edit this message. The count should be preserved.
4 |
5 |
6 |
7 |
15 |
16 |
21 |
--------------------------------------------------------------------------------
/packages/vite/src/node/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.base.json",
3 | "include": ["./", "../../types"],
4 | "exclude": ["**/__tests__"],
5 | "compilerOptions": {
6 | // compile away optional-chaining-operator
7 | // node support table: https://node.green/#ES2020-features-optional-chaining-operator-----
8 | "target": "ES2019",
9 | "outDir": "../../dist/node",
10 | "module": "commonjs",
11 | "lib": ["ESNext"],
12 | "sourceMap": true
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/packages/playground/file-delete-restore/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-file-delete-restore",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build",
8 | "debug": "node --inspect-brk ../../vite/bin/vite",
9 | "preview": "vite preview"
10 | },
11 | "dependencies": {
12 | "react": "^17.0.2",
13 | "react-dom": "^17.0.2"
14 | },
15 | "devDependencies": {
16 | "@vitejs/plugin-react": "workspace:*"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/legacy/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "test-legacy",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "dev": "vite",
7 | "build": "vite build --debug legacy",
8 | "build:custom-filename": "vite --config ./vite.config-custom-filename.js build --debug legacy",
9 | "debug": "node --inspect-brk ../../vite/bin/vite",
10 | "preview": "vite preview"
11 | },
12 | "devDependencies": {
13 | "@vitejs/plugin-legacy": "workspace:*"
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/packages/playground/ssr-vue/src/main.js:
--------------------------------------------------------------------------------
1 | import App from './App.vue'
2 | import { createSSRApp } from 'vue'
3 | import { createRouter } from './router'
4 |
5 | // SSR requires a fresh app instance per request, therefore we export a function
6 | // that creates a fresh app instance. If using Vuex, we'd also be creating a
7 | // fresh store here.
8 | export function createApp() {
9 | const app = createSSRApp(App)
10 | const router = createRouter()
11 | app.use(router)
12 | return { app, router }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/playground/vue/AsyncComponent.vue:
--------------------------------------------------------------------------------
1 |
2 | Async Component
3 | Testing TLA and for await compatibility with esbuild
4 | ab == {{ test }}
5 |
6 |
7 |
16 |
--------------------------------------------------------------------------------
/packages/playground/multiple-entrypoints/entrypoints/a16.js:
--------------------------------------------------------------------------------
1 | import a17 from './a17'
2 | import a18 from './a18'
3 | import a19 from './a19'
4 | import a20 from './a20'
5 | import a21 from './a21'
6 | import a22 from './a22'
7 | import a23 from './a23'
8 | import a24 from './a24'
9 |
10 | export const that = () => import('./a15.js')
11 |
12 | export function other() {
13 | return a17() + a18() + a19() + a20() + a21() + a22() + a23() + a24()
14 | }
15 |
16 | export default function () {
17 | return 123
18 | }
19 |
--------------------------------------------------------------------------------
/packages/playground/assets/css/icons.css:
--------------------------------------------------------------------------------
1 | img {
2 | width: 32px;
3 | height: 32px;
4 | }
5 |
6 | .icon {
7 | display: inline-block;
8 | width: 32px;
9 | height: 32px;
10 | }
11 |
12 | .icon-clock {
13 | background: url(../nested/fragment-bg.svg#icon-clock-view) no-repeat;
14 | }
15 |
16 | .icon-heart {
17 | background: url(../nested/fragment-bg.svg#icon-heart-view) no-repeat;
18 | }
19 |
20 | .icon-arrow-right {
21 | background: url(../nested/fragment-bg.svg#icon-arrow-right-view) no-repeat;
22 | }
23 |
--------------------------------------------------------------------------------
/packages/playground/css/imported.css:
--------------------------------------------------------------------------------
1 | @import './imported-at-import.css';
2 |
3 | .imported {
4 | color: green;
5 | }
6 |
7 | pre {
8 | background-color: #eee;
9 | width: 500px;
10 | padding: 1em 1.5em;
11 | border-radius: 10px;
12 | }
13 |
14 | /* test postcss nesting */
15 | .postcss {
16 | .nesting {
17 | color: pink;
18 | }
19 | }
20 |
21 | /* test url comma separation */
22 | .url-separated {
23 | /* prettier-ignore */
24 | background-image:url(images/cat.webp),url(images/dog.webp);
25 | }
26 |
--------------------------------------------------------------------------------
/packages/playground/data-uri/__tests__/data-uri.spec.ts:
--------------------------------------------------------------------------------
1 | import { isBuild, findAssetFile } from '../../testUtils'
2 |
3 | test('plain', async () => {
4 | expect(await page.textContent('.plain')).toBe('hi')
5 | })
6 |
7 | test('base64', async () => {
8 | expect(await page.textContent('.base64')).toBe('hi')
9 | })
10 |
11 | if (isBuild) {
12 | test('should compile away the import for build', async () => {
13 | const file = findAssetFile('index')
14 | expect(file).not.toMatch('import')
15 | })
16 | }
17 |
--------------------------------------------------------------------------------
/packages/playground/ssr-vue/src/pages/About.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ msg }}
3 | {{ url }}
4 |
5 |
6 |
19 |
20 |
25 |
--------------------------------------------------------------------------------
/packages/playground/tailwind/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import vue from '@vitejs/plugin-vue'
3 |
4 | export default defineConfig({
5 | resolve: {
6 | alias: {
7 | '/@': __dirname
8 | }
9 | },
10 | plugins: [vue()],
11 | build: {
12 | // to make tests faster
13 | minify: false
14 | },
15 | server: {
16 | // This option caused issues with HMR,
17 | // although it should not affect the build
18 | origin: 'http://localhost:8080/'
19 | }
20 | })
21 |
--------------------------------------------------------------------------------
/packages/playground/vue/CustomBlockPlugin.ts:
--------------------------------------------------------------------------------
1 | import { Plugin } from 'vite'
2 |
3 | export const vueI18nPlugin: Plugin = {
4 | name: 'vue-i18n',
5 | transform(code, id) {
6 | if (!/vue&type=i18n/.test(id)) {
7 | return
8 | }
9 | if (/\.ya?ml$/.test(id)) {
10 | code = JSON.stringify(require('js-yaml').load(code.trim()))
11 | }
12 | return {
13 | code: `export default Comp => {
14 | Comp.i18n = ${code}
15 | }`,
16 | map: { mappings: '' }
17 | }
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/packages/create-vite/template-lit-ts/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite + Lit App
8 |
9 |
10 |
11 |
12 | This is child content
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/packages/create-vite/template-lit/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Vite + Lit App
8 |
9 |
10 |
11 |
12 | This is child content
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/packages/playground/css-codesplit-cjs/vite.config.js:
--------------------------------------------------------------------------------
1 | const { resolve } = require('path')
2 |
3 | module.exports = {
4 | build: {
5 | outDir: './dist',
6 | manifest: true,
7 | rollupOptions: {
8 | input: {
9 | main: resolve(__dirname, './index.html'),
10 | other: resolve(__dirname, './other.js')
11 | },
12 | treeshake: false,
13 | output: {
14 | format: 'cjs',
15 | freeze: false,
16 | externalLiveBindings: false
17 | }
18 | }
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/playground/ssr-deps/node-addon/main.cpp:
--------------------------------------------------------------------------------
1 | #include
2 | #include
3 | using namespace v8;
4 |
5 | void HelloWorld(const FunctionCallbackInfo& args) {
6 | Isolate* isolate = args.GetIsolate();
7 | Local hello = String::NewFromUtf8(isolate, "Hello World!", NewStringType::kNormal).ToLocalChecked();
8 | args.GetReturnValue().Set(hello);
9 | }
10 |
11 | void Init(Local