overview

我在开发 vite 的我的项目时，遇到 rollup 无奈解析门路中的 @。先应用相对路径解析，然而不认为是一个好办法。起初的找到了另一种解决方案——应用 @rollup/plugin-alias。

装置依赖

npm i @rollup/plugin-alias -D

批改 rollup.config.js

import {defineConfig} from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';

const srcPath = path.resolve(__dirname, 'src');

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue(),
    ],
    resolve: {
        alias: [{ find: '@', replacement: srcPath},
        ],
    },
});