import AutoImport from 'unplugin-auto-import/vite' export default ({ mode }) => defineConfig({ plugins: [ AutoImport({ imports: ['vue', 'vue-router', 'vuex', '@vueuse/head'], // 可以选择auto-import.d.ts生成的位置,使用ts建议设置为'src/auto-import.d.ts' dts: 'src/auto-import....
1、配置assetsDir目录:assetsDir:"static"; 2、配置rollupOptions > output 分割文件; //vite.config.tsimport{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'exportdefaultdefineConfig({base:"./",server:{port:10001,},plugins:[vue()],build:{assetsDir...
npmadd-D terser vite中配置 import{ defineConfig }from"vite"; importvuefrom"@vitejs/plugin-vue"; importvueJsxfrom"@vitejs/plugin-vue-jsx"; importvisualizerfrom"rollup-plugin-visualizer"; importviteCompressionfrom"vite-plugin-compression"; import{ viteZip }from"vite-plugin-zip-file"; importmpaPl...
3. 在根目录新建uno.config.ts // uno.config.ts// 预设rem转pximportpresetRemToPxfrom'@unocss/preset-rem-to-px'// transformerDirectives 可以使用@apply @screen theme函数importtransformerDirectivefrom'@unocss/transformer-directives'import{defineConfig,presetAttributify,presetUno,transformerVariantGroup,prese...
vite.config.ts 是Vite 项目中的配置文件,用于定义项目的各种构建和开发选项。以下是一些关于如何配置 vite.config.ts 以进行打包的关键点: 基本配置: base:配置项目的基路径,这对于确保静态资源(如图片、CSS、JavaScript 文件)在部署后能够被正确加载非常重要。 typescript import { defineConfig } from 'vite';...
3. 修改配置文件 vite.config.js vite.config.js 里面的 build 选项,同时 设置 base: './', import { defineConfig } from 'vite' import { fileURLToPath, URL } from 'url' import path from 'path' import vue from '@vitejs/plugin-vue' import { createSvgIconsPlugin } from 'vite-plugin-svg...
配置CDN插件:在vite.config.ts文件中配置CDN插件。首先,导入vite-plugin-cdn-import插件和defineConfig函数。然后,在defineConfig函数中配置plugins数组,将vite-plugin-cdn-import插件添加到数组中。在插件的配置对象中,需要指定需要CDN加速的模块。例如,假设我们要加速lodash-es模块,可以在plugins数组中添加以下代码: impor...
5 changes: 3 additions & 2 deletions 5 vite.config.ts Original file line numberDiff line numberDiff line change @@ -75,8 +75,8 @@ export default defineConfig({ minify: 'terser', // 默认为esbuild,需要安装terser -D terserOptions: { compress: { drop_console: true, // 生产环境移除...
2. proxy_pass 10.84.***.***:9199/; #替换为实际后端服务器地址和端口 在proxy_pass配置中，需特别注意添加斜杠。如果没有斜杠，直接访问将无法成功获取后端API。总结以上，VUE3+VITE项目在开发环境与正式环境的连接设置存在差异：开发环境在vite.config.ts中配置代理，正式环境则通过nginx代理；此外...
// vite.config.ts server: { host: true, port: VITE_PORT, proxy: createProxy(VITE_PROXY), }, import type { ProxyOptions } from 'vite'; type ProxyItem = [string, string]; type ProxyList = ProxyItem[]; type ProxyTargetList = Record<string, ProxyOptions & { rewrite: (path: string)...