test: migrate playgrounds to type: module

vitejs · May 4, 2023 · 1e50e23 · 1e50e23
1 parent 9041e19
commit 1e50e23
Show file tree

Hide file tree

Showing 96 changed files with 249 additions and 97 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -181,6 +181,19 @@ module.exports = defineConfig({
         '@typescript-eslint/no-empty-function': 'off',
       },
     },
+    {
+      files: ['playground/**'],
+      excludedFiles: [
+        'playground/ssr-resolve/**',
+        'playground/**/*{commonjs,cjs}*/**',
+        'playground/**/*{commonjs,cjs}*',
+        'playground/**/*dep*/**',
+        'playground/resolve/browser-module-field2/index.web.js',
+      ],
+      rules: {
+        'import/no-commonjs': 'error',
+      },
+    },
     {
       files: [
         'playground/tsconfig-json/**',

diff --git a/playground/alias/package.json b/playground/alias/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-alias",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/alias/vite.config.js b/playground/alias/vite.config.js
@@ -1,6 +1,13 @@
 import path from 'node:path'
+import url from 'node:url'
+import module from 'node:module'
 import { defineConfig } from 'vite'
 
+const __filename = url.fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const require = module.createRequire(import.meta.url)
+
 export default defineConfig({
   resolve: {
     alias: [

diff --git a/playground/assets-sanitize/package.json b/playground/assets-sanitize/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-assets-sanitize",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/assets/package.json b/playground/assets/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-assets",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "debug": "node --inspect-brk ../../packages/vite/bin/vite",
     "dev": "vite",

diff --git a/playground/backend-integration/package.json b/playground/backend-integration/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-backend-integration",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/backend-integration/postcss.config.js b/playground/backend-integration/postcss.config.js
@@ -1,5 +1,11 @@
+import { fileURLToPath } from 'node:url'
+import { dirname } from 'node:path'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
 // postcss.config.js
-module.exports = {
+export default {
   plugins: {
     tailwindcss: { config: __dirname + '/tailwind.config.js' },
   },

diff --git a/playground/backend-integration/tailwind.config.js b/playground/backend-integration/tailwind.config.js
@@ -1,4 +1,6 @@
-module.exports = {
+/** @type {import('tailwindcss').Config} */
+
+export default {
   content: [__dirname + '/frontend/**/*.{css,html,ts,js}'],
   theme: {
     extend: {},

diff --git a/playground/build-old/package.json b/playground/build-old/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-build-old",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/cli/package.json b/playground/cli/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-cli",
   "private": true,
   "version": "0.0.0",
+  "type": "commonjs",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/config/__tests__/load.spec.ts b/playground/config/__tests__/load.spec.ts
@@ -1,7 +1,11 @@
-import { resolve } from 'node:path'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { loadConfigFromFile } from 'vite'
 import { expect, it } from 'vitest'
 
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
 it('loadConfigFromFile', async () => {
   const { config } = await loadConfigFromFile(
     {} as any,
@@ -20,7 +24,7 @@ it('loadConfigFromFile', async () => {
           4,
         ],
       ],
-      "moduleCondition": "require condition",
+      "moduleCondition": "import condition",
     }
   `)
 })
diff --git a/playground/config/packages/entry/package.json b/playground/config/packages/entry/package.json
@@ -1,5 +1,6 @@
 {
   "name": "@vite/test-config-entry",
+  "type": "module",
   "dependencies": {
     "@vite/test-config-plugin-module-condition": "link:../plugin-module-condition"
   }

diff --git a/playground/config/packages/plugin-module-condition/package.json b/playground/config/packages/plugin-module-condition/package.json
@@ -1,5 +1,6 @@
 {
   "name": "@vite/test-config-plugin-module-condition",
+  "type": "module",
   "exports": {
     ".": {
       "types": "./index.d.ts",

diff --git a/playground/config/packages/siblings/foo.ts b/playground/config/packages/siblings/foo.ts
@@ -1,3 +1,3 @@
-import { partition } from 'lodash'
+import lodash from 'lodash'
 
-export const array = partition([1, 2, 3, 4], (n) => n % 2)
+export const array = lodash.partition([1, 2, 3, 4], (n) => n % 2)
diff --git a/playground/config/packages/siblings/package.json b/playground/config/packages/siblings/package.json
@@ -1,5 +1,6 @@
 {
   "name": "@vite/test-config-sibling",
+  "type": "module",
   "devDependencies": {
     "@types/lodash": "^4.14.194",
     "lodash": "^4.17.21"

diff --git a/playground/css-codesplit-cjs/package.json b/playground/css-codesplit-cjs/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-css-codesplit-cjs",
   "private": true,
   "version": "0.0.0",
+  "type": "commonjs",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/css-codesplit/package.json b/playground/css-codesplit/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-css-codesplit",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/css-dynamic-import/package.json b/playground/css-dynamic-import/package.json
@@ -1,5 +1,6 @@
 {
   "name": "@vitejs/test-css-dynamic-import",
   "private": true,
+  "type": "module",
   "version": "0.0.0"
 }
diff --git a/playground/css-sourcemap/package.json b/playground/css-sourcemap/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-css-sourcemap",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/css/__tests__/postcss-plugins-different-dir/postcss-plugins-different-dir.spec.ts b/playground/css/__tests__/postcss-plugins-different-dir/postcss-plugins-different-dir.spec.ts
@@ -1,8 +1,12 @@
 import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { createServer } from 'vite'
 import { expect, test } from 'vitest'
 import { getBgColor, getColor, isServe, page, ports } from '~utils'
 
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
 // Regression test for https://github.com/vitejs/vite/issues/4000
 test.runIf(isServe)('postcss plugins in different dir', async () => {
   const port = ports['css/postcss-plugins-different-dir']

diff --git a/playground/css/package.json b/playground/css/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-css",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/css/postcss-caching/blue-app/package.json b/playground/css/postcss-caching/blue-app/package.json
@@ -2,6 +2,7 @@
   "name": "blue-app",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/css/postcss-caching/blue-app/postcss.config.js b/playground/css/postcss-caching/blue-app/postcss.config.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: [replacePinkWithBlue],
 }
 

diff --git a/playground/css/postcss-caching/green-app/package.json b/playground/css/postcss-caching/green-app/package.json
@@ -2,6 +2,7 @@
   "name": "green-app",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/css/postcss-caching/green-app/postcss.config.js b/playground/css/postcss-caching/green-app/postcss.config.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: [replacePinkWithGreen],
 }
 

diff --git a/playground/css/postcss.config.js b/playground/css/postcss.config.js
@@ -1,11 +1,12 @@
-module.exports = {
-  plugins: [require('postcss-nested'), testDirDep, testSourceInput],
-}
+import fs from 'node:fs'
+import path from 'node:path'
+import glob from 'fast-glob'
+import { normalizePath } from 'vite'
+import postcssNested from 'postcss-nested'
 
-const fs = require('node:fs')
-const path = require('node:path')
-const glob = require('fast-glob')
-const { normalizePath } = require('vite')
+export default {
+  plugins: [postcssNested, testDirDep, testSourceInput],
+}
 
 /**
  * A plugin for testing the `dir-dependency` message handling.

diff --git a/playground/data-uri/package.json b/playground/data-uri/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-data-uri",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/define/package.json b/playground/define/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-define",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/dynamic-import/package.json b/playground/dynamic-import/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-dynamic-import",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/dynamic-import/vite.config.js b/playground/dynamic-import/vite.config.js
@@ -1,8 +1,8 @@
 import fs from 'node:fs'
 import path from 'node:path'
-import vite from 'vite'
+import { defineConfig } from 'vite'
 
-export default vite.defineConfig({
+export default defineConfig({
   plugins: [
     {
       name: 'copy',

diff --git a/playground/env-nested/package.json b/playground/env-nested/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-env-nested",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/env/package.json b/playground/env/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-env",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "VITE_INLINE=inline-serve vite",
     "build": "VITE_INLINE=inline-build vite build",

diff --git a/playground/extensions/package.json b/playground/extensions/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-extensions",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/external/package.json b/playground/external/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-external",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/fs-serve/package.json b/playground/fs-serve/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-fs-serve",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite root",
     "build": "vite build root",

diff --git a/playground/glob-import/package.json b/playground/glob-import/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-import-context",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/hmr/package.json b/playground/hmr/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-hmr",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/hmr/tsconfig.json b/playground/hmr/tsconfig.json
diff --git a/playground/html/package.json b/playground/html/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-html",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/import-assertion/package.json b/playground/import-assertion/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-import-assertion",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

diff --git a/playground/js-sourcemap/package.json b/playground/js-sourcemap/package.json
@@ -2,6 +2,7 @@
   "name": "@vitejs/test-js-sourcemap",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",