安装 Vue 支持插件

dumi 中对 Vue 的支持主要通过@dumijs/preset-vue插件集实现, 目前只支持 Vue3

安装

pnpm i -D @dumijs/preset-vue

配置

// .dumirc.ts
export default {
  presets: ['@dumijs/preset-vue'],
};

插件选项

parserOptions

Vue 组件元数据解析选项

例如，以下配置可以使得名称为InternalType的类型跳过检查

// .dumirc.ts
export default {
  presets: ['@dumijs/preset-vue'],
  vue: {
    parserOptions: {
      checkerOptions: {
        schema: { ignore: ['InternalType'] },
      },
    },
  },
};

默认情况下，从node_modules中引入所有类型不会被解析，这样可以有效避免元信息冗余，你也可以通过配置exclude来定制化类型引入

// .dumirc.ts
export default {
  presets: ['@dumijs/preset-vue'],
  vue: {
    parserOptions: {
      checkerOptions: {
        schema: { exclude: [/node_modules/, /mylib/] },
      },
    },
  },
};

‌
‌
‌
‌

安装 Vue 支持插件

dumi 中对 Vue 的支持主要通过@dumijs/preset-vue插件集实现, 目前只支持 Vue3

安装

pnpm i -D @dumijs/preset-vue

配置

// .dumirc.ts
export default {
  presets: ['@dumijs/preset-vue'],
};

插件选项

parserOptions

Vue 组件元数据解析选项

例如，以下配置可以使得名称为InternalType的类型跳过检查

// .dumirc.ts
export default {
  presets: ['@dumijs/preset-vue'],
  vue: {
    parserOptions: {
      checkerOptions: {
        schema: { ignore: ['InternalType'] },
      },
    },
  },
};

默认情况下，从node_modules中引入所有类型不会被解析，这样可以有效避免元信息冗余，你也可以通过配置exclude来定制化类型引入

// .dumirc.ts
export default {
  presets: ['@dumijs/preset-vue'],
  vue: {
    parserOptions: {
      checkerOptions: {
        schema: { exclude: [/node_modules/, /mylib/] },
      },
    },
  },
};