vite中使用@

Posted 2021-09-13 飞机

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 },
        ],
    },
});