alias for /@/ not work properly

[hronro]

Describe the bug

Alias for /@/ not working properly. It works in v1.

Reproduction

https://github.com/foisonocean/vite2-alias-bug

System Info

• required vite version: 2.0.0-beta.5
• required Operating System: Linux
• required Node version: v15.5.0
• Optional:
  • yarn version: 1.22.10

[Ttou]

可以试试 vite-tsconfig-paths，有支持 2.0 的版本

[wangguo1230]

可以使用[
{
find: "/@",
replacement: pathResolve("./src"),
},
]

[LoveofRedMoon]

已经提过issue给rollup-plugin了, 目前可以修改为'/@'避免问题

[yyx990803]

这个 issue 跟其他的 alias 问题没有任何关系，只是 alias 不作用于 HTML 里的 url 而已。

2.0 的 alias 是直接替换，所以如果你用了 /@/ 这样的 alias 那么值也需要有 / 结尾。https://vitejs.dev/guide/migration.html#alias-behavior-change

[hronro]

/@/ still not work in vite@2.0.0-beta.9, it seems like a upstream bug from @rollup/plugin-alias (rollup/plugins#759).

{
  alias: {
    // not work
    '/@/': path.resolve(__dirname, 'foo') + '/',
    // works
    '/@': path.resolve(__dirname, 'foo'),
  },
}

[qq31311137]

const alias: Record<string, string> = {
    '/@': resolve(__dirname, './src'),
    '/@views': resolve(__dirname, './src/views'),
    '/@components': resolve(__dirname, './src/components'),
    '/@images': resolve(__dirname, './src/assets/images'),
    '/@icons': resolve(__dirname, './src/assets/images/icons'),
}

HTML 文件里面 alilas 不生效
在 TS 文件里面是可以的

[qq31311137]

@foisonocean 大哥 vite2 alias 在 html 文件可以生效吗

[hronro]

@qq31311137 It works for me.