首页 > 解决方案 > 使用 vue-sfc-rollup 导出 vue 3 的实用程序函数和可组合项

问题描述

我尝试使用 vue-sfc-rollup 创建一个 vue 3 组件库。对于组件,一切都很好。提供的示例非常清晰,开箱即用。但是我很难找出如何导出实用程序函数和可组合项到目前为止我尝试过的内容:

// src/lib-utils/timeUtils.ts
export function timeInMilliseconds(): number {
    return new Date().getTime();
}


// src/lib-utils/index.ts
import { timeInMilliseconds } from './timeUtils'

export {
   timeInMilliseconds
}


// src/entry.ts
...
export default plugin;
export * from './lib-utils'

当我构建 dist 时timeInMilliseconds,它包含在 ssr.js 和 min.js 中。但不在 esm.js 中。所以我很确定我错过了一些东西。有人有想法吗?我只想创建一个轻量级组件库,其中包含一些通用实用程序和可组合项,以便在其他项目中使用它们。也许有更简单的方法?!

标签: javascriptvue.jsvuejs3rollup

解决方案


推荐阅读