Go to definition with @rollup/plugin-alias about coc-svelte HOT 4 CLOSED

@peterbabic this are the things I added to my config:

tsconfig.json

    "compilerOptions": {
        "lib": ["ES2019", "ES2017", "ES5", "ES6", "DOM"],
+       "baseUrl": ".",
+       "paths": {
+         "$src/*": ["src/*"],
+         "$lib/*": ["src/components/*"]
+      }
    },

rollup.config.js

+import alias from '@rollup/plugin-alias';
export default [
  {
    input: 'src/main.ts',
    output: {
      sourcemap: true,
      format: 'iife',
      name: 'app',
      file: 'public/build/bundle.js',
    },
    plugins: [
      ...otherPlugins,
+     alias({
+       resolve: ['.js', '.ts', '.svelte'],
+       entries: [
+         { find: '$src', replacement: './src' },
+         { find: '$lib', replacement: './src/components' },
+       ]
+     })
    ],
  },
]

It works in typescript and svelte files. However in svelte files autocompletion only works if the closing ' or " is present.

Example: import Foo from '$lib/<cursor> will not autocomplete correctly but import Foo from '$lib/<cursor>' will.

from coc-svelte.

🤔 this one's tough -- sorry for the late reply. One thing you could try is set up a tsconfig.json and use the typescript language server to achieve this. Though unfortunately you'd have to translate your alias config to TS and maintain that separately.

Relevant options include:

• baseUrl
• paths

Potentially some others, too

from coc-svelte.

@davidroeca thanks. baseUrl and paths in tsconfig.json solved it.

from coc-svelte.

thanks. baseUrl and paths in tsconfig.json solved it.

@icalvin102 can you please show how did you do that?

from coc-svelte.