【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"),
        }
    }
})
相关文章
|
11月前
|
API
vite.config.js 的一些常用配置
vite.config.js 的一些常用配置
425 1
|
2月前
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
本文讨论了在配置Vite项目时遇到的`vite.defineConfig is not defined`错误,这通常是由于缺少必要的导入语句导致的。文章还涉及了如何创建最新版本的Vite项目以及如何处理`configEnv is not defined`的问题。
104 3
vite.config.js中vite.defineConfig is not defined以及创建最新版本的vite项目
|
2月前
|
JavaScript
Vue3基础(19)___vite.config.js中配置路径别名
本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。
81 0
Vue3基础(19)___vite.config.js中配置路径别名
|
5月前
|
JavaScript
Vue项目的打包方式(生成dist文件)
Vue项目的打包方式(生成dist文件)
|
JavaScript 前端开发 API
vite.config.js 无法使用__dirname的解决方法
在使用 vite 的时候发现,在其 vite.config 文件中无法使用 __dirname 来代表当前目录,所有经过一番了解之后有了这篇文章。
714 0
Nuxt.js 自定义文件夹指向(没有 assets 文件夹需手动添加)
Nuxt.js 自定义文件夹指向(没有 assets 文件夹需手动添加)
164 0
|
JavaScript
【3】npm run build Vue的项目,如何修改相对路径配置
【3】npm run build Vue的项目,如何修改相对路径配置
vite2 打包的时候vendor-xxx.js文件过大的解决方法
vite2是一个非常好用的工具,只是随着代码的增多,打包的时候 vendor-xxxxxx.js 文件也越来越大,这就郁闷了。
385 0
|
资源调度 JavaScript
nuxt3目录及使用
# nuxt3 Nuxt 3 是一个开源框架,可以自动整合了很多东西,另外,nuxt3还是Vue3的同构ssr渲染的使用方案。csr,ssr,srg三种渲染方案三种渲染模式可以参考我的[都2023年了,还在用传统的前后端分离?来学习一下CSR,SSR与SRG吧!!! - 掘金 (juejin.cn)](https://juejin.cn/post/7195551013033164855 "https://juejin.cn/post/7195551013033164855")这篇文章。 今天我们来具体使用一下Nuxt,来体验一下这非常神奇的Nuxt开发。 # 初始化项目 我们的host
|
JavaScript 前端开发 数据安全/隐私保护
[✔️]cocos creator 2.x无法加载.js后缀的npm包
[✔️]cocos creator 2.x无法加载.js后缀的npm包
252 0