This commit is contained in:
huzhushan 2021-04-19 16:17:08 +08:00
parent bfceb0eae6
commit 33fda82dd9
3 changed files with 32 additions and 29 deletions

View File

@ -3,7 +3,7 @@ module.exports = {
env: { env: {
node: true, node: true,
}, },
// extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"], extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
parserOptions: { parserOptions: {
"parser": "babel-eslint" "parser": "babel-eslint"
}, },

View File

@ -1,32 +1,35 @@
import { createApp } from 'vue' import { createApp } from "vue";
import App from './App.vue' import App from "./App.vue";
const app = createApp(App) const app = createApp(App);
// 引入element-plus // 引入element-plus
import ElementPlus from "element-plus"; import ElementPlus from "element-plus";
import './assets/style/element-variables.scss' import "./assets/style/element-variables.scss";
// 引入中文语言包 // 引入中文语言包
import 'dayjs/locale/zh-cn' import "dayjs/locale/zh-cn";
import locale from 'element-plus/lib/locale/lang/zh-cn' import locale from "element-plus/lib/locale/lang/zh-cn";
// 引入路由 // 引入路由
import router from './router' import router from "./router";
// 引入store // 引入store
import store from './store' import store from "./store";
// 权限控制 // 权限控制
import './permission' import "./permission";
// 引入svg图标注册脚本 // 引入svg图标注册脚本
import 'vite-plugin-svg-icons/register'; import "vite-plugin-svg-icons/register";
// 注册全局组件 // 注册全局组件
import * as Components from './global-components' import * as Components from "./global-components";
Object.entries(Components).forEach(([key, component]) => { Object.entries(Components).forEach(([key, component]) => {
app.component(key, component) app.component(key, component);
}) });
app
app.use(ElementPlus, { locale }).use(store).use(router).mount('#app') .use(ElementPlus, { locale })
.use(store)
.use(router)
.mount("#app");

View File

@ -1,8 +1,8 @@
import { defineConfig } from 'vite' import { defineConfig } from "vite";
import vue from '@vitejs/plugin-vue' import vue from "@vitejs/plugin-vue";
import path from "path"; import path from "path";
import { viteMockServe } from "vite-plugin-mock"; import { viteMockServe } from "vite-plugin-mock";
import viteSvgIcons from 'vite-plugin-svg-icons'; import viteSvgIcons from "vite-plugin-svg-icons";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default env => { export default env => {
@ -25,18 +25,18 @@ export default env => {
}), }),
viteSvgIcons({ viteSvgIcons({
// 指定需要缓存的图标文件夹 // 指定需要缓存的图标文件夹
iconDirs: [path.resolve(__dirname, 'src/assets/svg')], iconDirs: [path.resolve(__dirname, "src/assets/svg")],
// 指定symbolId格式 // 指定symbolId格式
symbolId: 'icon-[dir]-[name]', symbolId: "icon-[dir]-[name]",
}), }),
], ],
css: { css: {
preprocessorOptions: { preprocessorOptions: {
scss: { scss: {
// 全局变量 // 全局变量
additionalData: '@import "./src/assets/style/global-variables.scss";' additionalData: '@import "./src/assets/style/global-variables.scss";',
} },
} },
}, },
resolve: { resolve: {
alias: { alias: {
@ -67,11 +67,11 @@ export default env => {
output: { output: {
// 拆分单独模块 // 拆分单独模块
manualChunks: { manualChunks: {
'element-plus': ['element-plus'], "element-plus": ["element-plus"],
'mockjs': ['mockjs'] mockjs: ["mockjs"],
} },
} },
}, },
}, },
}); });
}; };