增加vue相关配置文件
This commit is contained in:
jiangzongtao
parent
27ff842418
commit
660a1f0ebd
|
|
@ -0,0 +1,5 @@
|
|||
VITE_APP_TITLE=西安智慧应急
|
||||
VITE_APP_SUB_TITLE=综合执法
|
||||
VITE_APP_VERSION=v2.0
|
||||
VITE_BASE_URL=https://10.22.245.209:19190
|
||||
VITE_SSO_SECRET_KEY=2aVphzD769T07e/gfqzh7WsD+ow1DYeZmfUXkVyohcE=
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
VITE_BASE_URL=http://218.77.106.90:16166
|
||||
VITE_SSO_SECRET_KEY=2aVphzD769T07e/gfqzh7WsD+ow1DYeZmfUXkVyohcE=
|
||||
|
|
@ -0,0 +1 @@
|
|||
VITE_BASE_URL=http://10.22.245.219:16165
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
sass_binary_site=https://registry.npmmirror.com/mirrors/node-sass/
|
||||
phantomjs_cdnurl=https://registry.npmmirror.com/mirrors/phantomjs/
|
||||
electron_mirror=https://registry.npmmirror.com/mirrors/electron/
|
||||
registry=https://registry.npmmirror.com/
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
# Vue 3 + Vite
|
||||
|
||||
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
|
||||
|
||||
Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<!-- 预加载优化 -->
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="dns-prefetch" href="//cdn.example.com">
|
||||
|
||||
<!-- 动态标题 -->
|
||||
<title data-fallback="子系统">%VITE_APP_SUB_TITLE%</title>
|
||||
|
||||
<!-- 图标缓存策略 -->
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" crossorigin="anonymous">
|
||||
<link rel="preload" href="/favicon.svg" as="image">
|
||||
|
||||
<!-- 异步加载样式 -->
|
||||
<link rel="stylesheet" href="/styles/loading.css" media="print" onload="this.media='all'">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<!-- 增强可访问性的加载状态 -->
|
||||
<div class="first-loading-wrp">
|
||||
<div class="loading-wrp" role="status" aria-live="polite" aria-label="加载中">
|
||||
<span class="dot dot-spin" aria-hidden="true">
|
||||
<i role="presentation"></i>
|
||||
<i role="presentation"></i>
|
||||
<i role="presentation"></i>
|
||||
<i role="presentation"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- 语义化标题 -->
|
||||
<h1 class="visually-hidden">%VITE_APP_SUB_TITLE%</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 环境变量处理 -->
|
||||
<script type="module">
|
||||
// 设置标题和内容
|
||||
document.title = import.meta.env.VITE_APP_SUB_TITLE || document.querySelector('title').getAttribute('data-fallback');
|
||||
document.querySelector('h1').textContent = import.meta.env.VITE_APP_SUB_TITLE || '子系统';
|
||||
</script>
|
||||
|
||||
<!-- 异步加载主脚本 -->
|
||||
<script type="module" src="/main.js" defer async></script>
|
||||
<script type="text/javascript" src="/js/ZLMRTCClient.js"></script>
|
||||
<script type="text/javascript" src="/js/webrtc.js"></script>
|
||||
<script type="text/javascript" src="/js/egis-2d.js"></script>
|
||||
<script type="text/javascript" src="/js/h5player.min.js"></script>
|
||||
<script type="text/javascript" src="/js/littleLemon.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"baseUrl": "./",
|
||||
"paths": {
|
||||
"@/*": ["src/*"],
|
||||
"@pages/*": ["src/views/*"],
|
||||
"@views/*": ["src/views/*"]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"src/**/*"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules",
|
||||
"dist"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
import { createApp } from 'vue'
|
||||
import App from '@/views/App.vue'
|
||||
import ElementPlus from 'element-plus'
|
||||
import { zhCn } from 'element-plus/es/locales'
|
||||
import IndexTitle from '@/components/IndexTitle/index.vue'
|
||||
import PublicChart from '@/components/PublicChart/index.vue'
|
||||
import IndustryTitle from '@/components/IndustryTradeComponents/IndustryTitle.vue'
|
||||
import { setupStore } from '@/stores'
|
||||
import { setupRouter } from '@/router'
|
||||
import { library } from '@fortawesome/fontawesome-svg-core'
|
||||
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
||||
import { fas } from '@fortawesome/free-solid-svg-icons'
|
||||
|
||||
// 引入样式文件
|
||||
import '@/assets/styles/frontend.css'
|
||||
import '@/assets/styles/gzt.css'
|
||||
import '@/assets/styles/normalize.css'
|
||||
import 'element-plus/dist/index.css'
|
||||
import '@/assets/styles/reset.css'
|
||||
import '@/assets/styles/index.scss'
|
||||
// import '@/assets/styles/themes/cvi.scss'
|
||||
// import '@/assets/styles/themes/svi.scss'
|
||||
import '@/assets/styles/themes/classPublic.scss'
|
||||
import 'echarts-liquidfill/src/liquidFill.js'
|
||||
import 'echarts-gl'
|
||||
import '@/assets/styles/Browser.scss'
|
||||
import '@/assets/styles/BusinessTable.scss'
|
||||
import '@/assets/styles/TreeSelector.scss'
|
||||
import ElTable from '@/components/ElTable.vue'
|
||||
import './public/styles/fonts.scss'
|
||||
|
||||
const app = createApp(App)
|
||||
// ui
|
||||
app.use(ElementPlus,{locale: zhCn, size: 'large'})
|
||||
// font awesome icon
|
||||
library.add(fas)
|
||||
app.component('font-awesome-icon', FontAwesomeIcon)
|
||||
// 使用自定义的ElTable组件注册全局的el-table
|
||||
app.component('el-table', ElTable)
|
||||
|
||||
// store
|
||||
setupStore(app)
|
||||
// router
|
||||
setupRouter(app)
|
||||
app.component('IndexTitle', IndexTitle)
|
||||
app.component('PublicChart', PublicChart)
|
||||
app.component('IndustryTitle', IndustryTitle)
|
||||
app.mount('#app')
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,75 @@
|
|||
{
|
||||
"name": "xian-zazh-client",
|
||||
"private": true,
|
||||
"version": "1.2.14",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite --mode development",
|
||||
"build": "vite build",
|
||||
"build:dev": "vite build --mode development",
|
||||
"build:test": "vite build --mode test",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead",
|
||||
"not ie > 0",
|
||||
"Android >= 4.0",
|
||||
"iOS >= 8"
|
||||
],
|
||||
"dependencies": {
|
||||
"@element-plus/icons-vue": "^2.3.1",
|
||||
"@fortawesome/fontawesome-svg-core": "^6.7.2",
|
||||
"@fortawesome/free-solid-svg-icons": "^6.7.2",
|
||||
"@fortawesome/vue-fontawesome": "^3.0.8",
|
||||
"@vueup/vue-quill": "^1.2.0",
|
||||
"axios": "^1.7.7",
|
||||
"crypto-js": "^4.2.0",
|
||||
"dayjs": "^1.11.13",
|
||||
"docxtemplater": "^3.61.0",
|
||||
"echarts": "^5.6.0",
|
||||
"echarts-gl": "^2.0.9",
|
||||
"echarts-liquidfill": "^3.1.0",
|
||||
"element-plus": "^2.5.2",
|
||||
"file-saver": "^2.0.5",
|
||||
"html2canvas": "^1.4.1",
|
||||
"jose": "^6.1.0",
|
||||
"js-cookie": "^3.0.5",
|
||||
"js-file-download": "^0.4.12",
|
||||
"jspdf": "^3.0.1",
|
||||
"jszip-utils": "^0.1.0",
|
||||
"leaflet": "^1.9.4",
|
||||
"lodash": "^4.17.21",
|
||||
"lodash-es": "^4.17.21",
|
||||
"moment": "^2.30.1",
|
||||
"pinia": "^2.1.6",
|
||||
"pizzip": "^3.1.8",
|
||||
"print-js": "^1.6.0",
|
||||
"qrcode.vue": "^3.6.0",
|
||||
"qs": "^6.11.2",
|
||||
"quill": "^2.0.3",
|
||||
"resize-detector": "^0.3.0",
|
||||
"screenfull": "^6.0.2",
|
||||
"uuid": "^11.1.0",
|
||||
"vue": "^3.5.13",
|
||||
"vue-grid-layout": "^2.3.1",
|
||||
"vue-router": "^4.2.4",
|
||||
"vue-treeselect": "^1.0.7",
|
||||
"vue3-print-nb": "^0.1.4",
|
||||
"xlsx": "^0.18.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^5.2.1",
|
||||
"autoprefixer": "^10.4.20",
|
||||
"postcss": "^8.4.47",
|
||||
"postcss-html": "1.8.0",
|
||||
"postcss-pxtorem": "^6.0.0",
|
||||
"prettier": "^3.5.2",
|
||||
"sass": "^1.66.1",
|
||||
"sass-loader": "^13.3.2",
|
||||
"vite": "^6.1.0",
|
||||
"vite-plugin-compression": "^0.5.0",
|
||||
"vite-plugin-static-copy": "^3.0.0"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,14 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {},
|
||||
'postcss-pxtorem': {
|
||||
rootValue: 16,
|
||||
unitPrecision: 5,
|
||||
propList: ['*'],
|
||||
selectorBlackList: [],
|
||||
replace: true,
|
||||
mediaQuery: false,
|
||||
minPixelValue: 0,
|
||||
},
|
||||
},
|
||||
}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
module.exports = {
|
||||
printWidth: 130,
|
||||
tabWidth: 2,
|
||||
useTabs: false,
|
||||
semi: false,
|
||||
singleQuote: true,
|
||||
quoteProps: 'as-needed',
|
||||
jsxSingleQuote: false,
|
||||
trailingComma: 'es5',
|
||||
bracketSpacing: true,
|
||||
jsxBracketSameLine: false,
|
||||
arrowParens: 'always',
|
||||
htmlWhitespaceSensitivity: 'ignore',
|
||||
vueIndentScriptAndStyle: true,
|
||||
endOfLine: 'lf',
|
||||
}
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
import { defineConfig, loadEnv } from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import vitePluginCompression from 'vite-plugin-compression'
|
||||
import path from 'path'
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig(({ mode, command }) => {
|
||||
// 加载环境变量
|
||||
const env = loadEnv(mode, process.cwd())
|
||||
return {
|
||||
// 服务器配置
|
||||
server: {
|
||||
host: '0.0.0.0',
|
||||
port: 5173,
|
||||
open: false,
|
||||
proxy: {
|
||||
'/api': {
|
||||
target: 'http://localhost:9091',
|
||||
changeOrigin: true,
|
||||
},
|
||||
'/lawenforcement': {
|
||||
target: 'http://localhost:9091',
|
||||
changeOrigin: true,
|
||||
},
|
||||
'/rest': {
|
||||
target: 'http://222.91.125.86:8090',
|
||||
changeOrigin: true,
|
||||
},
|
||||
'/pangu': {
|
||||
target: 'http://222.91.125.86:8090',
|
||||
changeOrigin: true,
|
||||
},
|
||||
'/dah-login': {
|
||||
target: 'http://10.22.245.227:1084',
|
||||
changeOrigin: true,
|
||||
},
|
||||
'/dah-api': {
|
||||
target: 'http://10.22.245.227:1084',
|
||||
changeOrigin: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
publicDir: path.resolve(__dirname, 'public'),
|
||||
resolve: {
|
||||
alias: {
|
||||
'@': path.resolve(__dirname, 'src'),
|
||||
'@pages': path.resolve(__dirname, 'src/views'),
|
||||
'@views': path.resolve(__dirname, 'src/views'),
|
||||
'@css': path.resolve(__dirname, 'src/styles'),
|
||||
},
|
||||
},
|
||||
plugins: [
|
||||
vue(),
|
||||
vitePluginCompression({
|
||||
// 可以指定压缩的文件类型，例如只压缩图片文件
|
||||
include: /\.(png|jpg|jpeg|gif|svg)$/i,
|
||||
// 压缩算法选项，如gzip、brotli等，这里以gzip为例
|
||||
algorithm: 'gzip',
|
||||
// 压缩阈值，只有文件大小大于此值时才进行压缩
|
||||
threshold: 1024,
|
||||
}),
|
||||
],
|
||||
css: {
|
||||
preprocessorOptions: {
|
||||
scss: {
|
||||
prependData: `@import "./src/styles/variables.scss";`,
|
||||
},
|
||||
},
|
||||
},
|
||||
build: {
|
||||
outDir: path.resolve(__dirname, `dist`), // 指定输出路径
|
||||
assetsInlineLimit: 4096, //小于此阈值的导入或引用资源将内联为 base64 编码，以避免额外的 http 请求
|
||||
emptyOutDir: true, //Vite 会在构建时清空该目录
|
||||
rollupOptions: {
|
||||
input: {
|
||||
main: path.resolve(__dirname, 'index.html'),
|
||||
},
|
||||
},
|
||||
output: {
|
||||
assetFileNames: '[ext]/[name]-[hash].[ext]',
|
||||
chunkFileNames: 'js/[name]-[hash].js',
|
||||
entryFileNames: 'js/[name]-[hash].js',
|
||||
compact: true,
|
||||
manualChunks: (id) => {
|
||||
if (id.includes('node_modules')) {
|
||||
return id.toString().split('node_modules/')[1].split('/')[0].toString() // 拆分多个vendors
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
})
|
||||
Loading…
Reference in New Issue