Import local app source
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
// vite.config.js
|
||||
import { defineConfig } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
|
||||
import AutoImport from 'unplugin-auto-import/vite'
|
||||
import Components from 'unplugin-vue-components/vite'
|
||||
// 导入 Naive UI 的解析器,告诉插件哪些组件属于 Naive UI
|
||||
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
vue(),
|
||||
AutoImport({
|
||||
imports: [
|
||||
'vue',
|
||||
'vue-router',
|
||||
{
|
||||
// 配置自动导入 Naive UI 的特定 API
|
||||
'naive-ui': [
|
||||
'useMessage', // 用于显示消息提示
|
||||
'useDialog', // 用于显示对话框
|
||||
'useNotification', // 用于显示通知
|
||||
'useLoadingBar' // 用于显示顶部加载条
|
||||
// 你可以根据需要添加更多,例如 'NButton', 'NCard' 等,
|
||||
// 但通常推荐让 Components 插件处理组件导入,这里只放 API。
|
||||
]
|
||||
}
|
||||
]
|
||||
}),
|
||||
Components({
|
||||
resolvers: [NaiveUiResolver()]
|
||||
})
|
||||
],
|
||||
build: {
|
||||
outDir: '../public/SundererPage',
|
||||
emptyOutDir: false,
|
||||
rollupOptions: {
|
||||
input: {
|
||||
sundererapp: 'src/sundererapp.js' // 入口文件
|
||||
},
|
||||
output: {
|
||||
format: 'umd', // 设置输出格式为 UMD
|
||||
name: 'SundererApp', // 指定全局变量名,构建后应用会挂载到 window.IncreaseAccApp
|
||||
// 可以保留 hash 以利用缓存,但 UMD 通常用于简单场景,可选
|
||||
entryFileNames: 'js/sundererapp.[hash].js', // 例如: increaseacc.js (或 [name].[hash].js)
|
||||
chunkFileNames: 'js/sundererapp.[hash].js',
|
||||
assetFileNames: 'js/sundererapp.[hash].[ext]', // 例如: increaseacc.css (或 [name].[hash].[ext])
|
||||
// UMD 格式可能需要外部依赖,如果 Vue 是全局引入的,需要声明
|
||||
// globals: {
|
||||
// vue: 'Vue' // 假设 Vue 已通过 script 标签全局引入
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user