create-lik-app 1.0.2 → 1.1.3

package/templates/template-vue/config/build/_base.ts

@@ -0,0 +1,42 @@
+import { defineConfig } from 'vite'
+import type { Plugin } from 'vite'
+import path from 'node:path'
+import process from 'node:process'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+
+const basePlugins: Plugin[] = [
+  vue(),
+  vueJsx(),
+  vueDevTools(),
+  AutoImport({
+    include: [
+      /\.vue$/,
+      /\.vue\?vue/, // .vue
+    ],
+    imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
+    // 为true时在项目根目录自动创建
+    dts: 'src/types/auto-imports.d.ts',
+  }),
+  // 按需加载组件
+  Components({
+    // 自动加载的组件目录，默认值为 ['src/components']
+    dirs: ['src/components'],
+    // 组件名称包含目录，防止同名组件冲突
+    directoryAsNamespace: true,
+    // 指定类型声明文件，为true时在项目根目录创建
+    dts: 'src/types/components.d.ts',
+  }),
+]
+
+export default defineConfig({
+  plugins: basePlugins,
+  resolve: {
+    alias: {
+      '@': path.resolve(process.cwd(), 'src'),
+    },
+  },
+})

package/templates/template-vue/config/build/development.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  server: {
+    port: 8220
+  }
+});

package/templates/template-vue/config/build/production.ts

@@ -0,0 +1 @@
+export default {};

package/templates/template-vue/config/build/test.ts

@@ -0,0 +1 @@
+export default {};

package/templates/template-vue/plugins/index.ts

@@ -1,28 +0,0 @@
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import vueDevTools from 'vite-plugin-vue-devtools'
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-export const createPlugins = () => [
-  vue(),
-  vueJsx(),
-  vueDevTools(),
-  AutoImport({
-    include: [
-      /\.vue$/,
-      /\.vue\?vue/, // .vue
-    ],
-    imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
-    // 为true时在项目根目录自动创建
-    dts: 'types/auto-imports.d.ts',
-  }),
-  // 按需加载组件
-  Components({
-    // 自动加载的组件目录，默认值为 ['src/components']
-    dirs: ['src/components'],
-    // 组件名称包含目录，防止同名组件冲突
-    directoryAsNamespace: true,
-    // 指定类型声明文件，为true时在项目根目录创建
-    dts: 'types/components.d.ts',
-  }),
-]

package/templates/template-vue/src/types/components.d.ts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    HelloWorld: typeof import('./../components/HelloWorld.vue')['default']
+    IconsIconCommunity: typeof import('./../components/icons/IconCommunity.vue')['default']
+    IconsIconDocumentation: typeof import('./../components/icons/IconDocumentation.vue')['default']
+    IconsIconEcosystem: typeof import('./../components/icons/IconEcosystem.vue')['default']
+    IconsIconSupport: typeof import('./../components/icons/IconSupport.vue')['default']
+    IconsIconTooling: typeof import('./../components/icons/IconTooling.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    TheWelcome: typeof import('./../components/TheWelcome.vue')['default']
+    WelcomeItem: typeof import('./../components/WelcomeItem.vue')['default']
+  }
+}

package/templates/template-vue/tsconfig.node.json

@@ -6,7 +6,7 @@
     "cypress.config.*",
     "nightwatch.conf.*",
     "playwright.config.*",
-    "plugins/*"
+    "config/**/*.ts"
   ],
   "compilerOptions": {
     "composite": true,

package/templates/template-vue/vite.config.ts

@@ -1,16 +1,15 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
-import { createPlugins } from './plugins'
+import { defineConfig, loadConfigFromFile, mergeConfig } from 'vite'
+import _base from './config/build/_base'
 
-export default defineConfig({
-  envDir: './env',
-  plugins: createPlugins(),
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-  server: {
-    port: 8220,
-  },
+// https://vite.dev/config/
+export default defineConfig(async (configEnv) => {
+  if (configEnv.mode === '_base')
+    throw new Error('base config is not allowed to be used directly')
+
+  const re = await loadConfigFromFile(
+    configEnv,
+    `config/build/${configEnv.mode}.ts`,
+  )
+
+  return mergeConfig(_base, re?.config ?? {})
 })

package/templates/template-react/src/store/module/counter.ts

@@ -1,20 +0,0 @@
-import { makeObservable, action, observable } from 'mobx'
-
-class CountStore {
-  count: number = 0
-  constructor() {
-    console.log('countStore cunstructed')
-    makeObservable(this, {
-      count: observable,
-      increment: action
-    })
-  }
-
-  increment(): void {
-    this.count++
-  }
-}
-
-const countStore = new CountStore()
-
-export { countStore }

package/templates/template-vue/types/components.d.ts

@@ -1,21 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    HelloWorld: typeof import('./../src/components/HelloWorld.vue')['default']
-    IconsIconCommunity: typeof import('./../src/components/icons/IconCommunity.vue')['default']
-    IconsIconDocumentation: typeof import('./../src/components/icons/IconDocumentation.vue')['default']
-    IconsIconEcosystem: typeof import('./../src/components/icons/IconEcosystem.vue')['default']
-    IconsIconSupport: typeof import('./../src/components/icons/IconSupport.vue')['default']
-    IconsIconTooling: typeof import('./../src/components/icons/IconTooling.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    TheWelcome: typeof import('./../src/components/TheWelcome.vue')['default']
-    WelcomeItem: typeof import('./../src/components/WelcomeItem.vue')['default']
-  }
-}