【vite】vite项目配置src目录路径别名

简介: 【vite】vite项目配置src目录路径别名

vite】vite项目配置src目录路径别名

1、安装一个node依赖

npm i @types/node --save

2、在vite.config.ts中

import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'
import {join} from 'path'
// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react()],
    //配置src目录别名
    resolve: {
        alias: {
            '@': join(__dirname, "src"),
        }
    }
})
相关文章
|
API
vite.config.js 的一些常用配置
vite.config.js 的一些常用配置
463 1
|
28天前
|
前端开发 JavaScript
怎么在vite项目中全局导入一个scss文件
在Vite项目中全局导入SCSS文件的方法:通过配置`vite.config.js`中的`css.preprocessorOptions.scss.additionalData`属性,可以将SCSS变量或混合内容全局引入。此方法同样适用于LESS文件。详情参见Vite官方文档。
28 1
怎么在vite项目中全局导入一个scss文件
|
3月前
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
192 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
3月前
|
JavaScript
Vue3基础(19)___vite.config.js中配置路径别名
本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。
137 0
Vue3基础(19)___vite.config.js中配置路径别名
|
6月前
|
JavaScript
Vue项目的打包方式(生成dist文件)
Vue项目的打包方式(生成dist文件)
|
JavaScript
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
vue3 vite配置@根路径---解决:找不到模块“./xx/xxx.vue”或其相应的类型声明
2210 0
|
JavaScript 前端开发 API
vite.config.js 无法使用__dirname的解决方法
在使用 vite 的时候发现,在其 vite.config 文件中无法使用 __dirname 来代表当前目录,所有经过一番了解之后有了这篇文章。
774 0
vite2 打包的时候vendor-xxx.js文件过大的解决方法
vite2是一个非常好用的工具,只是随着代码的增多,打包的时候 vendor-xxxxxx.js 文件也越来越大,这就郁闷了。
397 0
Nuxt.js 自定义文件夹指向(没有 assets 文件夹需手动添加)
Nuxt.js 自定义文件夹指向(没有 assets 文件夹需手动添加)
171 0
|
JavaScript
【3】npm run build Vue的项目,如何修改相对路径配置
【3】npm run build Vue的项目,如何修改相对路径配置