首先,在你的 vite.config.ts 里面引入: import{resolve}from'node:path'import{defineConfig}from'vite'importaliasImportCheckerfrom'vite-plugin-alias-import-checker'constconfig=defineConfig({plugins:[aliasImportChecker(),],resolve:{alias:{'@':resolve(__dirname,'src'),'@common':resolve(__dirname,'....
resolve: { // 路径别名 alias: { '@': path.resolve(__dirname, '/src') }, //文件类型，默认值 extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json']}, server: { // 指定服务
resolve:{ alias: { '/images':'src/assets/images', }, }, }) 方法二:封装函数 //utils.js constgetSrc= (name) => { if(typeofname ==='undefined')return'error.png' constpath =`/src/assets/images/${name}.png` constmodules =import.meta.globEager('/src/assets/images/*') returnmodule...
在vite.config.js文件中 import { defineConfig } from 'vite'import vue from'@vitejs/plugin-vue'import path from "path"//https://vite.dev/config/exportdefaultdefineConfig({ plugins: [vue()],resolve:{ alias:{"@":path.resolve(__dirname,"./src") } }})...
{plugins:[vue()],resolve:{//路径别名alias:{'@':resolve(__dirname,'./src')}},})...
import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'// https://vitejs.dev/config/export default defineConfig({plugins: [vue()],resolve: {alias: {'@': path.resolve(__dirname, './src'),}}}) ...
这里我们要注意,我们在index.css中导入other.css的时候,我们直接使用了@import url(@/styles/other.css),而不是使用@import url(/src/styles/other.css),因为我们在配置文件里设置了src的别名alias 这个别名alias在日常项目开发中使用的频率是非常高的,但在Vite中设置别名alias和在webpack中设置别名alias又有点不...
alias: { '@': '/src' } } } 中间件:Vite 支持使用中间件来扩展服务器功能。你可以使用@vitejs/plugin-legacy中间件来支持旧版浏览器。 import { createLegacyPlugin } from '@vitejs/plugin-legacy' export default { server: { middlewares: [ ...
resolve.alias 定义路径别名也是我们常用的一个功能,我们通常会给scr定义一个路径别名: 复制 //vite.config.jsimport{defineConfig}from'vite'importpathfrom'path'exportdefaultdefineConfig({resolve: {alias: {'@':path.resolve(__dirname,'./src') // 路径别名 ...
因为Vite/Rollup 的插件,也能扩展解析的流程,例如 alias 的能力,我们常常会在项目中用@的别名代表项目的src路径。 因此不能用 esbuild 原生的解析流程进行解析。 container(插件容器)用于兼容 Rollup 插件生态,用于保证 dev 和 production 模式下,Vite 能有一致的表现。感兴趣的可查看《Vite 是如何兼容 Rollup 插件...