在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") } }})...
配置@ 别名(如果还未配置) 如果项目中没有正确配置 @ 别名,需在 vite.config.js 或 vue.config.js 文件中添加。 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // https://vite.dev/config/ export default defineConfig({ plugins: [vue()],...
我们先看看 vite.config.js里面的常用配置,其他配置可以看官网:https://cn.vitejs.dev/config/ 代码语言:javascript 复制 // vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from"path"// 主要用于alias文件路径别名// 加别名的函数functionpathResolve(dir){return...
在Vue 3中起别名的方法主要有两种:1、使用Vue CLI配置别名;2、使用Vite配置别名。这两个方法都能够有效地简化路径引用,使项目结构更加清晰。 一、使用Vue CLI配置别名 如果你的Vue 3项目是通过Vue CLI创建的,那么可以通过修改vue.config.js文件来配置别名。以下是具体步骤: 创建或修改vue.config.js文件: const p...
1. 项目安装Sass依赖包 2. 项目安装Path依赖包 3. 修改vite.config.js配置文件 additionalData处配置项目默认的全局Sass样式文件...
一、vite.config.js配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import WindiCSS from 'vite-plugin-windicss' import path from "path" export default defineConfig({ resolve:{ alias:{ // 用~代替src目录 ...
简介:本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。 在vite.config.js中配置 import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'constpath =require('path')exportdefaultdefineConfig({resolve: {alias: {"@": path.resolve(__...
// 配置根目录下的vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'// 添加路径别名@importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],// 添加如下,配置路径别名resolve:{alias:{'@':path.resolve(__dirname,'src')}}}) ...
一、配置文件 vue2里,针对webpack的配置,是基于vue.config.js文件 但在基于vite的vue3里,配置文件是vite.config.js 我构建的是ts版本的vue3项目,那么我的配置文件就是vite.config.ts 而且该文件项目创建的时候已经默认生成了 新创建的项目配置文件,仅仅配置vue的支持,如下: ...