resolve: { alias: { '@': path.resolve(__dirname,'./src'), 'stores': path.resolve(__dirname,'./src/stores'), } } 需要注意的是:vite.config.ts里面每加一个alias,ts.config里面也得加下
vite+typescript项目,配置 alias 1. 配置vite.config.ts //由于node.js暂不支持ts,需要先安装@types/node,才能使用path模块 //npm install @types/node -D import { resolve } from "path"; ... module.exports = { ... resolve: { ... alias: { "@api": path.join(__dirname, 'api'), "@ut...
vite项目,配置了路径的别名: resolve: { alias: [{ find: '@', replacement: path.resolve(__dirname, '../src') }] } vscode的vetur报错,typescript提示没有了,但是实际项目运行无误。 同样的代码在vue-cli里面效果如下: 一切正常!vue-cli应该是默认配置了@符号的alias,而且我觉得这个应该与是vite还是web...
vite.config.ts配置 // ...resolve: {// 配置别名alias: {'@': path.join(__dirname,'./src'),'@components': path.join(__dirname,'./src/components'),'@utils': path.join(__dirname,'./src/utils') } },// ... 配置tsconfig.json {"compilerOptions": {"target":"esnext","module":"...
如配置代理、别名、CSS预处理器等。Vue DevTools：在开发Vue应用时，确保安装并启用Vue DevTools浏览器扩展，以便更好地调试应用状态。TypeScript支持：如果项目中使用TypeScript，Vite已默认支持，你只需在项目中包含.ts或.tsx文件即可。优化：学习如何利用Vite的内置优化选项和外部插件，进一步提升应用性能。
import { resolve } from "path" resolve: { alias: { '@': resolve(__dirname, 'src') // 兼容src目录下的文件夹可通过 @/components/HelloWorld.vue写法 } }, 此时可能会出现以下找不到模块的错误: 解决办法: $ npm install --save-dev @types/node ...
import{resolve}from"path"resolve:{alias:{'@':resolve(__dirname,'src')// 兼容src目录下的文件夹可通过 @/components/HelloWorld.vue写法}}, 此时可能会出现以下找不到模块的错误: image.png 解决办法:$ npm install --save-dev @types/node
由此可知:我们可以配置alias为一个对象,或一个 { find, replacement } 的数组 具体配置: 在根目录中的vite.config.ts中加入如下配置:(以下是我个人项目配置) import { resolve }from"path";// 导入 path 模块,帮助我们解析路径export default defineConfig({resolve: { // 这里配置需要注意:Vite新版本resolve配...
其中vite.config.ts 用来编译识别用的;tsconfig.json 是用来给 Typescript 识别用的; 这里建议采用的是 @/ 开头,为什么不用 @ 开头,这是为了避免跟业界某些 npm 包名冲突(例如 @vitejs) vite.config.ts 代码语言:javascript 代码运行次数:0 运行 AI代码解释 // vite.config.ts{ resolve: { alias: { '@/...
在这个例子中,我们使用了Node.js的path模块来解析绝对路径,并设置了两个别名:@和@components。这样,在项目中,你就可以使用这些别名来简化模块的导入。 TypeScript中的别名设置 虽然Vite已经配置了别名,但TypeScript默认并不知道这些别名。为了让TypeScript也能识别这些别名,你需要在tsconfig.json文件中进行相应的配置。