How to import index.vue with the component folder name?

[chioio]

How to import component index.vue just like this: import ComponentName from 'components/ComponentName?

[zedrdave]

@chioio did you ever figure out the answer to this question? Running into the same issue here.

[s3xysteak]

When I saw this discussion, I suddenly realized that I didn't even know if importing index.js from a folder is an ES6+ feature or a Node.js feature......
Anyway, you can try to use rollup options.resolveId to solve the problem. It looks like:

resolveId(id, importer) {
  const abs = resolve(dirname(importer), id)
  const path = resolve(abs, `./index.vue`)
  if (existsSync(path))
    return { id: path }
}

[s3xysteak]

I just made a plugin to handle that, hope it can solve your problem.
https://github.com/s3xysteak/unplugin-index-extension