Vue 【vite使用alias】
在Vite项目中使用别名（alias），你需要在项目根目录下的vite.config.js文件中配置resolve选项。
以下是一个配置示例：
// vite.config.js
import { defineConfig } from 'vite';
import path from 'path';
export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, './src'), // 将'@'设置为src目录的别名
'components': path.resolve(__dirname, './src/components'), // 将'components'设置为src/components目录的别名
},
},
});在Vue文件中使用别名：
<script>
import MyComponent from '@/components/MyComponent.vue'; // 使用别名引入组件
export default {
components: {
MyComponent
}
};
</script>确保在使用别名时遵循Vite和Vue的规范。别名通常以斜杠（/）开头，这样它们就可以在任何类型的路径前使用，包括相对路径和绝对路径。
评论已关闭