关于Vite rollup部署 import “/@/XXX” form “XXX“问题（已解决）

报错问题

Rollup failed to resolve import "/@/api/XXX" from "src/XXX.vue".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`

原因

rollup本身不具备路径解析能力

解决

方法一：

安装依赖
yarn add @rollup/plugin-alias

vite.config.ts
import alias from "@rollup/plugin-alias";

export default defineConfig({
  plugins: [alias(),vue()],
  resolve: {
    alias: {
      "/@": path.resolve(__dirname, "./src"),
    },
  },
})

方法二：（待正实）

安装
yarn add rollup-plugin-node-resolve·

vite.config.ts
import resolve from "rollup-plugin-node-resolve";

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "/@": path.resolve(__dirname, "./src"),
    },
  },
  build: {
    rollupOptions: {
      plugins:[
	   resolve()
	  ]
    },
  },
})