小编bat*_*to3的帖子

在我的项目（vite供电）中我使用别名。我已经配置了它，它们可以用于构建和跳转.ts。

当我尝试跳转src/app.scss文件时遇到问题。

// case 1: vite OK, vscode: Fail
@import '$bs/bootstrap';

// case 2: vite Fail, vscode OK
@import '~bootstrap/scss/bootstrap';

情况1

当我尝试使用 Ctrl + 单击查看文件的别名时，vscode 找不到该文件并询问我是否要创建它。

案例2

对于 vscode 有一个别名~on node_modules，但是你无法在 vite 中编译该项目。

我试过

Vite + tsconfig.json

// case 1: vite OK, vscode: Fail
@import '$bs/bootstrap';

// case 2: vite Fail, vscode OK
@import '~bootstrap/scss/bootstrap';

在tsconfig.joson（我创建的jsonfig.json）中：

vite: {
            resolve: {
                alias: {
                    '$bs': path.resolve('./node_modules/bootstrap/scss'),
                } …