feat: 项目搭建
This commit is contained in:
kun
parent
7ecf456eb6
commit
63368aa1f6
4
.husky/commit-msg
Normal file
4
.husky/commit-msg
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
#!/usr/bin/env sh
|
||||||
|
. "$(dirname -- "$0")/_/husky.sh"
|
||||||
|
|
||||||
|
npx --no-install commitlint --edit $1
|
||||||
14
.vscode/extensions.json
vendored
Normal file
14
.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"recommendations": [
|
||||||
|
"vue.volar",
|
||||||
|
"vue.vscode-typescript-vue-plugin",
|
||||||
|
"hollowtree.vue-snippets",
|
||||||
|
"dbaeumer.vscode-eslint",
|
||||||
|
"stylelint.vscode-stylelint",
|
||||||
|
"esbenp.prettier-vscode",
|
||||||
|
"editorconfig.editorconfig",
|
||||||
|
"streetsidesoftware.code-spell-checker",
|
||||||
|
"syler.sass-indented",
|
||||||
|
"mikestead.dotenv"
|
||||||
|
]
|
||||||
|
}
|
||||||
132
.vscode/settings.json
vendored
Normal file
132
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,132 @@
|
|||||||
|
{
|
||||||
|
"editor.formatOnSave": true,
|
||||||
|
"stylelint.enable": true,
|
||||||
|
"editor.codeActionsOnSave": {
|
||||||
|
"source.fixAll.stylelint": true
|
||||||
|
},
|
||||||
|
"stylelint.validate": ["css", "less", "postcss", "scss", "vue", "sass", "html"],
|
||||||
|
"files.eol": "\n",
|
||||||
|
"[vue]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[typescript]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[json]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[jsonc]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[javascript]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[typescriptreact]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[scss]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[html]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[markdown]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"[less]": {
|
||||||
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||||
|
},
|
||||||
|
"cSpell.words": [
|
||||||
|
"acroutes",
|
||||||
|
"adcode",
|
||||||
|
"Alipay",
|
||||||
|
"AMAP",
|
||||||
|
"Anglar",
|
||||||
|
"antd",
|
||||||
|
"apng",
|
||||||
|
"Biao",
|
||||||
|
"bottomleft",
|
||||||
|
"bottomright",
|
||||||
|
"breakline",
|
||||||
|
"browserslist",
|
||||||
|
"cascader",
|
||||||
|
"cnpm",
|
||||||
|
"commitize",
|
||||||
|
"commitlint",
|
||||||
|
"contentleft",
|
||||||
|
"contentright",
|
||||||
|
"CSDN",
|
||||||
|
"curveness",
|
||||||
|
"daterange",
|
||||||
|
"datetimerange",
|
||||||
|
"doclock",
|
||||||
|
"dragover",
|
||||||
|
"easymock",
|
||||||
|
"echarts",
|
||||||
|
"esbuild",
|
||||||
|
"fangda",
|
||||||
|
"fastmock",
|
||||||
|
"Geeker",
|
||||||
|
"Gitee",
|
||||||
|
"glgview",
|
||||||
|
"hexs",
|
||||||
|
"iconfont",
|
||||||
|
"Jheng",
|
||||||
|
"juejin",
|
||||||
|
"liquidfill",
|
||||||
|
"liutao",
|
||||||
|
"loglevel",
|
||||||
|
"longpress",
|
||||||
|
"malefemale",
|
||||||
|
"Mapchart",
|
||||||
|
"nprogress",
|
||||||
|
"officedocument",
|
||||||
|
"openxmlformats",
|
||||||
|
"pageable",
|
||||||
|
"Parens",
|
||||||
|
"persistedstate",
|
||||||
|
"Pinia",
|
||||||
|
"pjpeg",
|
||||||
|
"Prefixs",
|
||||||
|
"protable",
|
||||||
|
"singleline",
|
||||||
|
"sortablejs",
|
||||||
|
"sousuo",
|
||||||
|
"spreadsheetml",
|
||||||
|
"styl",
|
||||||
|
"stylelint",
|
||||||
|
"stylelintignore",
|
||||||
|
"stylelintrc",
|
||||||
|
"suoxiao",
|
||||||
|
"sysmbol",
|
||||||
|
"timerange",
|
||||||
|
"topleft",
|
||||||
|
"topright",
|
||||||
|
"truetype",
|
||||||
|
"Uncapitalize",
|
||||||
|
"unplugin",
|
||||||
|
"unref",
|
||||||
|
"vite",
|
||||||
|
"vuedraggable",
|
||||||
|
"vueuse",
|
||||||
|
"Vuex",
|
||||||
|
"wangeditor",
|
||||||
|
"Wechat",
|
||||||
|
"xianxingdaoyu",
|
||||||
|
"xianxingdiqiu",
|
||||||
|
"xianxingditu",
|
||||||
|
"xianxingfanchuan",
|
||||||
|
"xianxingfeiji",
|
||||||
|
"xianxinglvhangriji",
|
||||||
|
"xianxingtianqiyubao",
|
||||||
|
"xianxingxiangjipaizhao",
|
||||||
|
"xianxingxiarilengyin",
|
||||||
|
"xianxingyoulun",
|
||||||
|
"xianxingzijiayou",
|
||||||
|
"xiaoxi",
|
||||||
|
"yxxx",
|
||||||
|
"zhongyingwen",
|
||||||
|
"zhuti",
|
||||||
|
"zlevel"
|
||||||
|
]
|
||||||
|
}
|
||||||
28012
package-lock.json
generated
Normal file
28012
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
20
postcss.config.js
Normal file
20
postcss.config.js
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
// module.exports = {
|
||||||
|
// plugins: {
|
||||||
|
// autoprefixer: {
|
||||||
|
// overrideBrowserslist: [
|
||||||
|
// "Android 4.1",
|
||||||
|
// "iOS 7.1",
|
||||||
|
// "Chrome > 31",
|
||||||
|
// "ff > 31",
|
||||||
|
// "ie >= 8",
|
||||||
|
// "last 10 versions" // 所有主流浏览器最近10版本用
|
||||||
|
// ],
|
||||||
|
// grid: true
|
||||||
|
// },
|
||||||
|
// "postcss-pxtorem": {
|
||||||
|
// rootValue: 192, // 设计稿宽度的1/ 10
|
||||||
|
// propList: ["*", "!border"], // 除 border 外所有px 转 rem
|
||||||
|
// selectorBlackList: [".el-"] // 过滤掉.el-开头的class，不进行rem转换
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// };
|
||||||
38
tsconfig.json
Normal file
38
tsconfig.json
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "esnext",
|
||||||
|
"useDefineForClassFields": true,
|
||||||
|
"module": "esnext",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
// element 类型提示
|
||||||
|
// "types": ["element-plus/global"],
|
||||||
|
|
||||||
|
/* Strict Type-Checking Options */
|
||||||
|
"strict": true /* Enable all strict type-checking options. */,
|
||||||
|
// "noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
|
||||||
|
// "strictNullChecks": true, /* Enable strict null checks. */
|
||||||
|
// "strictFunctionTypes": true, /* Enable strict checking of function types. */
|
||||||
|
// "strictBindCallApply": true, /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
|
||||||
|
// "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
|
||||||
|
// "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
|
||||||
|
// "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
|
||||||
|
|
||||||
|
"jsx": "preserve",
|
||||||
|
"sourceMap": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
// 跳过第三方库检查，解决打包失败
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"lib": ["esnext", "dom"],
|
||||||
|
// 解析非相对模块名的基准目录
|
||||||
|
"baseUrl": "./",
|
||||||
|
// 模块名到基于 baseUrl 的路径映射的列表。
|
||||||
|
"paths": {
|
||||||
|
"@": ["src"],
|
||||||
|
"@/*": ["src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "vite.config.ts"],
|
||||||
|
"exclude": ["node_modules", "dist", "**/*.js"]
|
||||||
|
}
|
||||||
150
vite.config.ts
Normal file
150
vite.config.ts
Normal file
@ -0,0 +1,150 @@
|
|||||||
|
import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
|
||||||
|
import { createHtmlPlugin } from "vite-plugin-html";
|
||||||
|
import vue from "@vitejs/plugin-vue";
|
||||||
|
import { resolve } from "path";
|
||||||
|
import { wrapperEnv } from "./src/utils/getEnv";
|
||||||
|
import { visualizer } from "rollup-plugin-visualizer";
|
||||||
|
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
|
||||||
|
import viteCompression from "vite-plugin-compression";
|
||||||
|
import vueSetupExtend from "vite-plugin-vue-setup-extend-plus";
|
||||||
|
import eslintPlugin from "vite-plugin-eslint";
|
||||||
|
import vueJsx from "@vitejs/plugin-vue-jsx";
|
||||||
|
import importToCDN from "vite-plugin-cdn-import";
|
||||||
|
// import AutoImport from "unplugin-auto-import/vite";
|
||||||
|
// import Components from "unplugin-vue-components/vite";
|
||||||
|
// import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
|
||||||
|
import { vitePluginMars3d } from "vite-plugin-mars3d";
|
||||||
|
// @see: https://vitejs.dev/config/
|
||||||
|
// export const BASE_IMAGE_URL = import.meta.env.NODE_ENV === "development" ? "./src" : "";
|
||||||
|
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
||||||
|
const env = loadEnv(mode, process.cwd());
|
||||||
|
const viteEnv = wrapperEnv(env);
|
||||||
|
|
||||||
|
return {
|
||||||
|
base: "./",
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
"@": resolve(__dirname, "./src"),
|
||||||
|
"vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
css: {
|
||||||
|
preprocessorOptions: {
|
||||||
|
scss: {
|
||||||
|
additionalData: `@import "@/styles/var.scss";`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
// 服务器主机名，如果允许外部访问，可设置为 "0.0.0.0"
|
||||||
|
host: "0.0.0.0",
|
||||||
|
port: viteEnv.VITE_PORT,
|
||||||
|
open: viteEnv.VITE_OPEN,
|
||||||
|
cors: true,
|
||||||
|
// 跨域代理配置
|
||||||
|
proxy: {
|
||||||
|
"/api": {
|
||||||
|
target: viteEnv.VITE_API_URL, // easymock
|
||||||
|
// target: "https://www.fastmock.site/mock/f81e8333c1a9276214bcdbc170d9e0a0", // fastmock
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: path => path.replace(/^\/api/, "")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// open: true,
|
||||||
|
// host: "localhost",
|
||||||
|
// port: 8520,
|
||||||
|
// //这里的ip和端口是前端项目的;下面为需要跨域访问后端项目
|
||||||
|
// proxy: {
|
||||||
|
// "^/token": {
|
||||||
|
// target: "http://192.168.34.155:8520/", //这里填入你要请求的接口的前缀
|
||||||
|
// ws: true, //代理websocket
|
||||||
|
// changeOrigin: true, //虚拟的站点需要更管origin
|
||||||
|
// secure: true, //是否https接口
|
||||||
|
// rewrite: path => path.replace(/^\/api/, "")
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
vue(),
|
||||||
|
vitePluginMars3d(),
|
||||||
|
createHtmlPlugin({
|
||||||
|
inject: {
|
||||||
|
data: {
|
||||||
|
title: viteEnv.VITE_GLOB_APP_TITLE
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
// * 使用 svg 图标
|
||||||
|
createSvgIconsPlugin({
|
||||||
|
iconDirs: [resolve(process.cwd(), "src/assets/icons")],
|
||||||
|
symbolId: "icon-[dir]-[name]"
|
||||||
|
}),
|
||||||
|
// * EsLint 报错信息显示在浏览器界面上
|
||||||
|
// eslintPlugin(),
|
||||||
|
// * vite 可以使用 jsx/tsx 语法
|
||||||
|
vueJsx(),
|
||||||
|
// * name 可以写在 script 标签上
|
||||||
|
vueSetupExtend(),
|
||||||
|
// * 是否生成包预览(分析依赖包大小,方便做优化处理)
|
||||||
|
viteEnv.VITE_REPORT && visualizer(),
|
||||||
|
// * gzip compress
|
||||||
|
viteEnv.VITE_BUILD_GZIP &&
|
||||||
|
viteCompression({
|
||||||
|
verbose: true,
|
||||||
|
disable: false,
|
||||||
|
threshold: 10240,
|
||||||
|
algorithm: "gzip",
|
||||||
|
ext: ".gz"
|
||||||
|
}),
|
||||||
|
// * cdn 引入（vue按需引入会导致依赖vue的插件出现问题(列如:pinia/vuex)）
|
||||||
|
importToCDN({
|
||||||
|
modules: [
|
||||||
|
// {
|
||||||
|
// name: "vue",
|
||||||
|
// var: "Vue",
|
||||||
|
// path: "https://unpkg.com/vue@next"
|
||||||
|
// },
|
||||||
|
// 使用cdn引入element-plus时,开发环境还是需要在main.js中引入element-plus,可以不用引入css
|
||||||
|
// {
|
||||||
|
// name: "element-plus",
|
||||||
|
// var: "ElementPlus",
|
||||||
|
// path: "https://unpkg.com/element-plus",
|
||||||
|
// css: "https://unpkg.com/element-plus/dist/index.css"
|
||||||
|
// }
|
||||||
|
]
|
||||||
|
})
|
||||||
|
// * demand import element
|
||||||
|
// AutoImport({
|
||||||
|
// resolvers: [ElementPlusResolver()]
|
||||||
|
// }),
|
||||||
|
// Components({
|
||||||
|
// resolvers: [ElementPlusResolver()]
|
||||||
|
// }),
|
||||||
|
],
|
||||||
|
// * 打包去除 console.log && debugger
|
||||||
|
esbuild: {
|
||||||
|
pure: viteEnv.VITE_DROP_CONSOLE ? ["console.log", "debugger"] : []
|
||||||
|
},
|
||||||
|
build: {
|
||||||
|
outDir: "dist",
|
||||||
|
minify: "esbuild",
|
||||||
|
// esbuild 打包更快，但是不能去除 console.log，terser打包慢，但能去除 console.log
|
||||||
|
// minify: "terser",
|
||||||
|
// terserOptions: {
|
||||||
|
// compress: {
|
||||||
|
// drop_console: viteEnv.VITE_DROP_CONSOLE,
|
||||||
|
// drop_debugger: true
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
chunkSizeWarningLimit: 2500,
|
||||||
|
rollupOptions: {
|
||||||
|
output: {
|
||||||
|
// Static resource classification and packaging
|
||||||
|
chunkFileNames: "assets/js/[name]-[hash].js",
|
||||||
|
entryFileNames: "assets/js/[name]-[hash].js",
|
||||||
|
assetFileNames: "assets/[ext]/[name]-[hash].[ext]"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user