在 nuxts/vue 中有一个别名 @ 和 ~ 表示应用程序的根目录。在 sapper/svelte 中是否有类似于 /very/deep/page/1/2/3/4 这样的深层路线的东西?我不必做类似的事情:
import Head from '../../../../../../../../components/Thingy.svelte'
如果您使用汇总,则可以使用@rollup/plugin-alias获取它。
例如,在您的rollup.config.js
:
// ...
import alias from '@rollup/plugin-alias';
import path from 'path';
// ...
export default {
input: 'src/main.js',
// ...
plugins: [
// ...
alias({
resolve: ['.jsx', '.js', '.svelte'], // optional, by default this will just look for .js files or folders
entries: [
{ find: '@', replacement: path.resolve(__dirname, 'src') },
]
}),
// ...
],
// ...
};
然后@
将是src
顶层目录下的别名。
如果您使用的是 webpack,则可以使用 resolve.alias配置属性。例如,您的旅馆webpack.config.js
:
// ...
import path from 'path';
// ...
module.exports = {
// ...
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
// ...
};
您可以将它们放在类似 的目录src/node_modules/components
中,然后您就可以像import Foo from 'components/Foo.svelte'
. 只要确保该目录没有被 gitignored !