# 三方库别名处理

一些三方库是以源码方式提供的,比如 press-plusVue2.x 时可以配置 transpileDependencies,但是 Vite 没有对应的配置项。

可以这么处理:

  1. 将三方库复制到 src 下的某个目录下
  2. 为三方库配置 alias,指向 src 某目录下
  3. 配置 tsconfig.jsoncompileOptions.paths

本插件做的就是上面的第一步。

# 如何使用

安装

pnpm add @plugin-light/vite-plugin-alias-for-library -D

vite.config.ts 中添加如下设置:

import { defineConfig } from 'vite';
import { aliasForLibrary } from '@plugin-light/vite-plugin-alias-for-library';


export default defineConfig({
  plugins: [
    aliasForLibrary({
      list: [
        'press-ui',
        'press-plus',
      ],
      target: 'src/library',
    }),
  ],
});

# 参数

export type IAliasForLibraryOptions = {
  // 三方库列表
  list?: Array<string>;
  // alias 目标
  target?: string;
  // 执行路径
  root?: string;
};

# 其他

设置 alias 示例:

export default defineConfig({
  resolve: {
    alias: {
      'press-ui': path.resolve(__dirname, 'src/library/press-ui')
    }
  },
})
Last Updated: 2024/10/12 08:54:40