feat: make jsx support optional

Author: haoqunjiang

index.js

@@ -102,7 +102,15 @@ async function init() {
             isValidPackageName(dir) || 'Invalid package.json name'
         },
         {
-          name: 'shouldUseTypeScript',
+          name: 'shouldAddJSX',
+          type: () => (isValidTemplate ? null : 'toggle'),
+          message: 'Add JSX Support?',
+          initial: false,
+          active: 'Yes',
+          inactive: 'No'
+        },
+        {
+          name: 'shouldAddTypeScript',
           type: () => (isValidTemplate ? null : 'toggle'),
           message: 'Add TypeScript?',
           initial: false,
@@ -143,7 +151,8 @@ async function init() {
   const {
     packageName = toValidPackageName(defaultProjectName),
     shouldOverwrite,
-    shouldUseTypeScript = isValidTemplate && template.includes('-ts'),
+    shouldAddJSX,
+    shouldAddTypeScript = isValidTemplate && template.includes('-ts'),
     isSPA = isValidTemplate && template.includes('spa'),
     shouldAddCypress = isValidTemplate && template.includes('-with-tests')
   } = result
@@ -171,10 +180,13 @@ async function init() {
 
   // Add configs.
   render('config/base')
+  if (shouldAddJSX) {
+    render('config/jsx')
+  }
   if (shouldAddCypress) {
     render('config/cypress')
   }
-  if (shouldUseTypeScript) {
+  if (shouldAddTypeScript) {
     render('config/typescript')
 
     // rename all `.js` files to `.ts`
@@ -198,7 +210,7 @@ async function init() {
   // Render code template.
   // prettier-ignore
   const codeTemplate =
-    (shouldUseTypeScript ? 'typescript-' : '') +
+    (shouldAddTypeScript ? 'typescript-' : '') +
     (isSPA ? 'spa' : 'default')
   render(`code/${codeTemplate}`)
 

template/config/base/package.json

@@ -10,7 +10,6 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^1.2.5",
-    "@vitejs/plugin-vue-jsx": "^1.1.6",
     "@vue/compiler-sfc": "^3.1.5",
     "vite": "^2.4.3"
   }

template/config/base/vite.config.js

@@ -1,10 +1,9 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [vue()],
   resolve: {
     alias: {
       '@/': new URL('./src/', import.meta.url).pathname

template/config/jsx/package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "@vitejs/plugin-vue-jsx": "^1.1.6"
+  }
+}

template/config/jsx/vite.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname
+    }
+  }
+})