代码拉取完成,页面将自动刷新
同步操作将从 wall/vue3-vite2-ts-blog-h5 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
import { ConfigEnv, loadEnv, UserConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";
import legacy from "@vitejs/plugin-legacy";
import { resolve } from "path";
import styleImport from "vite-plugin-style-import"; // 按需导入ui组件
const CWD = process.cwd(); // 项目根目录
export default ({ mode }: ConfigEnv): UserConfig => {
const { VITE_BASE_URL } = loadEnv(mode, CWD); // mode环境变量
return {
base: VITE_BASE_URL,
css: {
modules: {
localsConvention: "camelCase", // 默认只支持驼峰,修改为同时支持横线和驼峰
},
preprocessorOptions: {
scss: {
additionalData: '@import "./src/styles/index.scss";',
},
},
},
plugins: [
vue(),
vueJsx(),
legacy({
targets: ["defaults", "not IE 11"],
}),
styleImport({
// 手动导入组件
libs: [
{
libraryName: "vant",
esModule: true,
resolveStyle: (name) => {
return `vant/es/${name}/style`;
},
},
],
}),
],
resolve: {
alias: {
"@": resolve(__dirname, "src"),
},
},
build: {
target: "modules",
polyfillModulePreload: true,
outDir: "dist",
assetsDir: "static",
minify: "terser", // 混淆器
},
optimizeDeps: {
include: ["vue", "vue-router", "vant"],
exclude: ["vue-demi"],
},
server: {
host: "0.0.0.0",
port: 8089, // 设置服务启动端口号
open: true,
cors: true, // 允许跨域
// 设置代理,根据项目实际情况配置
proxy: {
"/client_api": {
target: "http://localhost:3000/client_api/",
changeOrigin: true,
secure: false,
rewrite: (path) => path.replace(/^\/client_api/, "/"),
},
},
},
};
};
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。