refactor: refactor with vite

bac4ffe1 · 米司特包 · abb9bf13 · abb9bf13 · bac4ffe1 · bac4ffe1
15 changed file
--- a/frontend/.browserslistrc
+++ b/frontend/.browserslistrc
-> 1%
-last 2 versions
-not dead
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
-.DS_Store
 node_modules
-# /dist
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+.DS_Store
+# dist
+dist-ssr
+*.local
\ No newline at end of file
--- a/frontend/.vscode/extensions.json
+++ b/frontend/.vscode/extensions.json
+{
+  "recommendations": ["johnsoncodehk.volar"]
+}
--- a/frontend/README.md
+++ b/frontend/README.md
-# wails-template-vue
-
-## Project setup
-
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-
-```
-npm run dev
-```
-
-### Compiles and minifies for production
-
-```
-npm run build
-```
-
-### Open the web server to preview the packaged resources
-
-```
-npm run serve
-```
--- a/frontend/index.html
+++ b/frontend/index.html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
--- a/frontend/package-lock.tmpl.json
+++ b/frontend/package-lock.tmpl.json
--- a/frontend/package.tmpl.json
+++ b/frontend/package.tmpl.json
 {
  "name": "{{.ProjectName}}",
  "version": "0.0.1",
-  "private": true,
  "scripts": {
-    "dev": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "serve": "serve dist"
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
  },
-  "author": "{{.AuthorName}}",
  "dependencies": {
-    "vue": "^3.0.0",
-    "vue-i18n": "^9.1.7",
-    "vue-router": "^4.0.0-0"
+    "vue": "^3.2.16",
+    "vue-i18n": "^9.1.9",
+    "vue-router": "^4.0.12"
  },
  "devDependencies": {
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "@vue/compiler-sfc": "^3.0.0",
-    "sass": "^1.26.5",
-    "sass-loader": "^8.0.2",
-    "serve": "^12.0.0"
-  }
+    "@vitejs/plugin-vue": "^1.9.3",
+    "sass": "^1.43.4",
+    "vite": "^2.6.4"
+  },
+  "author": "{{.AuthorName}}"
 }
--- a/frontend/public/favicon.ico
+++ b/frontend/public/favicon.ico
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>
-    <%= htmlWebpackPlugin.options.title %>
-  </title>
-</head>
-
-<body>
-  <noscript>
-    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
-        Please enable it to continue.</strong>
-  </noscript>
-  <div id="app"></div>
-</body>
-
-</html>
\ No newline at end of file
--- a/frontend/src/i18n/index.js
+++ b/frontend/src/i18n/index.js
 import { createI18n } from 'vue-i18n'

+import zhHans from './messages/zh-Hans.json'
+import en from './messages/en.json'
+import fr from './messages/fr.json'
+
 const i18n = createI18n({
  locale: "en",
  fallbackLocale: 'en',
  messages: {
-    "zh-Hans": require('./messages/zh-Hans.json'),
-    "en": require('./messages/en.json'),
-    "fr": require('./messages/fr.json')
+    "zh-Hans": zhHans,
+    "en": en,
+    "fr": fr
  }
 })


--- a/frontend/src/main.js
+++ b/frontend/src/main.js
 import { createApp } from 'vue'
 import App from './App.vue'
-import router from './router'
-import i18n from './i18n'
+import router from '@/router'
+import i18n from '@/i18n'

 // Register global common components
 // 注册全局通用组件

--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
 import { createRouter, createWebHashHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import Home from '@/views/Home.vue'

 const routes = [
  {

--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+    },
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].js`,
+        chunkFileNames: `assets/[name].js`,
+        assetFileNames: `assets/[name].[ext]`,
+      }
+    },
+  }
+})
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
-module.exports = {
-  // The build file does not use the hash file name
-  // 构建文件不使用hash文件名
-  filenameHashing: false,
-  // Package the css into a separate file
-  // 将css打包到单独的文件
-  css: {
-    extract: "true"
-  }
-}
\ No newline at end of file
--- a/wails.tmpl.json
+++ b/wails.tmpl.json
@@ -3,7 +3,6 @@
  "outputfilename": "{{.BinaryName}}",
  "assetdir": "frontend/dist",
  "frontend:install": "npm install",
-  "frontend:dev":"",
  "frontend:build": "npm run build",
  "author": {
    "name": "{{.AuthorName}}",