4

在 nuxts/vue 中有一个别名 @ 和 ~ 表示应用程序的根目录。在 sapper/svelte 中是否有类似于 /very/deep/page/1/2/3/4 这样的深层路线的东西?我不必做类似的事情:

import Head from '../../../../../../../../components/Thingy.svelte'
4

2 回答 2

15

如果您使用汇总,则可以使用@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')
    }
  }

  // ...
};
于 2019-11-16T16:56:56.543 回答
1

您可以将它们放在类似 的目录src/node_modules/components中,然后您就可以像import Foo from 'components/Foo.svelte'. 只要确保该目录没有被 gitignored !

于 2019-11-16T17:43:06.080 回答