初始化提交
This commit is contained in:
100
frontend/vite.config.js
Normal file
100
frontend/vite.config.js
Normal file
@@ -0,0 +1,100 @@
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import importToCDN from 'vite-plugin-cdn-import'
|
||||
import path from 'path'
|
||||
import { VitePWA } from 'vite-plugin-pwa'
|
||||
|
||||
export default defineConfig(({command, mode}) => {
|
||||
return {
|
||||
server: {
|
||||
host: '0.0.0.0'
|
||||
},
|
||||
base: './',
|
||||
define: {
|
||||
'process.env': process.env
|
||||
},
|
||||
plugins: [
|
||||
VitePWA({
|
||||
registerType: 'autoUpdate',
|
||||
manifest: {
|
||||
name: 'Melody',
|
||||
short_name: 'Melody',
|
||||
description: 'Enjoy your music with Melody',
|
||||
theme_color: '#ffffff',
|
||||
start_url:"./mobile.html",
|
||||
icons: [
|
||||
{
|
||||
src: 'melody-192x192.png',
|
||||
sizes: '192x192',
|
||||
type: 'image/png'
|
||||
},
|
||||
{
|
||||
src: 'melody-512x512.png',
|
||||
sizes: '512x512',
|
||||
type: 'image/png'
|
||||
}
|
||||
]
|
||||
}
|
||||
}),
|
||||
vue(),
|
||||
importToCDN({
|
||||
modules:[
|
||||
{
|
||||
name: "vue",
|
||||
var: "Vue",
|
||||
path: "https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.33/vue.global.min.js",
|
||||
},
|
||||
{
|
||||
name: "vue-router",
|
||||
var: "VueRouter",
|
||||
path: "https://cdnjs.cloudflare.com/ajax/libs/vue-router/4.0.14/vue-router.global.min.js",
|
||||
},
|
||||
{
|
||||
name: "vuex",
|
||||
var: "Vuex",
|
||||
path: 'https://cdnjs.cloudflare.com/ajax/libs/vuex/4.0.2/vuex.global.min.js',
|
||||
},
|
||||
{
|
||||
name: "axios",
|
||||
var: "axios",
|
||||
path: 'https://cdnjs.cloudflare.com/ajax/libs/axios/0.26.1/axios.min.js',
|
||||
},
|
||||
{
|
||||
name: "element-plus",
|
||||
var: "ElementPlus",
|
||||
path: 'https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.1.9/index.full.js',
|
||||
css: ["https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.1.9/theme-chalk/index.min.css"],
|
||||
},
|
||||
{
|
||||
name: "@element-plus/icons-vue",
|
||||
var: "ElementPlusIconsVue",
|
||||
path: 'https://cdn.jsdelivr.net/npm/@element-plus/icons-vue@1.1.4/dist/index.iife.min.js',
|
||||
},
|
||||
{
|
||||
name: "element-plus/lib/locale/lang/zh-cn",
|
||||
var: "ElementPlusLocaleZhCn",
|
||||
path: 'https://cdnjs.cloudflare.com/ajax/libs/element-plus/2.1.9/locale/zh-cn.min.js',
|
||||
},
|
||||
{
|
||||
name: "vant",
|
||||
var: "vant",
|
||||
path: 'https://cdnjs.cloudflare.com/ajax/libs/vant/3.4.8/vant.js',
|
||||
css: ["https://cdnjs.cloudflare.com/ajax/libs/vant/3.4.8/index.min.css"],
|
||||
}
|
||||
]
|
||||
}),
|
||||
],
|
||||
build: {
|
||||
rollupOptions: {
|
||||
input: {
|
||||
index: path.resolve(__dirname, 'index.html'),
|
||||
mobile: path.resolve(__dirname, 'mobile.html'),
|
||||
}, output: {
|
||||
chunkFileNames: 'static/js/[name]-[hash].js',
|
||||
entryFileNames: "static/js/[name]-[hash].js",
|
||||
assetFileNames: "static/[ext]/name-[hash].[ext]"
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user