第一步:在 vite.config.ts 里面配置 注意: require 可能会报错,可以终端执行 cnpm i --save-dev @types/node,这一点 vscode 提示做的很好 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'const{resolve}=require('path')// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[...
16 17 18 import { fileURLToPath, URL }from'node:url' import { defineConfig }from'vite' import vuefrom'@vitejs/plugin-vue' // https://vitejs.dev/config/ exportdefaultdefineConfig({ plugins: [vue()], resolve: { alias: { '@': fileURLToPath(newURL('./src', import.meta.url)) }...
// dts: './auto-imports.d.ts', // 插件配置之后,运行代码时会自动在根目录下(通过dts配置可修改路径)生成一个auto-import.d.ts文件,需要将此文件添加到tsconfig.json中,否则在使用api时会提示未定义:// 如果报错__dirname找不到,需要安装node,执行npm install @types/node --save-dev ...
// vite.config.tsimport { defineConfig } from 'vite'import path from 'path'export default defineConfig({resolve: {alias: {// 为 src 目录设置别名'@': path.resolve(__dirname, './src'),// 为 src/components 目录设置别名'@components': path.resolve(__dirname, './src/components'),// ...
vite项目配置alias 老师,如何在vite项目中针对vue3,配置alias不仅让代码可以运行,还能让vscode也有路径的补全提示,比如@代表/src,然后后面弹出补全提示,可以方便开发时引入文件,我这样的做法是否可行呢? vite.config.ts 1 2 3 4 5 6 7 8 9 10 11 12...
export default ({ mode }) => defineConfig({ plugins: [ Components({ dirs: ['src/components'], // 目标文件夹 extensions: ['vue','jsx'], // 文件类型 dts: 'src/components.d.ts', // 输出文件,里面都是一些import的组件键值对
alias: [ { // 文件地址配置 find: "@", replacement: resolve(__dirname, "src") } ] }, build: { terserOptions: { compress: { drop_console: true, // 正式环境过滤console.log() drop_debugger: true // 正式环境过滤debugger } }
配置 首先,在你的 vite.config.ts 里面引入: import { resolve } from 'node:path' import { defineConfig } from 'vite' import aliasImportChecker from 'vite-plugin-alias-import-checker' const config = defineConfig({ plugins: [ aliasImportChecker(), ], resolve: { alias: { '@': resolve(__...
vite.config.js里的是给 Rollup 看的,实际是 @rollup/plugin-alias 这个插件的配置项,用于 Rollup 构建时模块化查找路径。 tsconfig.json里的是给 tsc 看的,用于 TypeScript 构建时模块化查找路径。 至于二者为什么会分开,其实就是解耦的缘故。比如你可能压根不用 TS 去开发、只是单纯的 JS;而 tsconfig.json 也...
配置如下:(vite.config.ts) import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const path = require('path') function resolve(dir: string) { const _path: string = path.resolve(__dirname, dir); return _path; } // https://vitejs.dev/config/ export default ...