Problems encountered when switching webpack project to vite

[ygj6]

we can ignore suffix by configuring as follows in webpack：

reslove: {
    extensions: ['.vue']
}

but this is forbidden in vite，you can see : #178

so when the dependencies in node_modules/ use webpack，and the code maybe as follows：

 import { A } from './App'

instead of

import { A } from './App.vue' 

how to solve this problem without changing the third-party dependency

[patak-dev]

You can still resolve extensions in Vite including in your vite.config.js:

  resolve: {
    extensions: [ '.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue' ]
  }

But the Vue ecosystem is moving away from auto-resolving .vue extensions, so you are encouraged to migrate at this point so your code will better work with other tools in the future.

[ygj6]

I configured extensions in the project before, and found that it did not take effect

[patak-dev]

You had a typo in your snippets reslove, maybe that was the issue? If not, you should craft a minimal reproduction to report.

[ygj6]

you are right ，I did make a mistake. Thanks

[ygj6]

  resolve: {
    extensions: [ '.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue' ]
  }

I figured out that the configuration above is effective in the project, but for dependencies in the node_modules directory, it is not effective

The following is an error caused
···

node_modules/@hds/hds/lib/hds-transfer/index.js:1:24: error: Could not resolve "./transfer"
1 │ import HdsTransfer from './transfer';
···

transfer.vue is a vue file