如何解决Vue3 / Vite:如何打包组件以便在 npm 上发布
我正在尝试使用 Vite 和 TypeScript 在 npm 上的公共包中导出两个 Web 组件。
Vite 有一个运行良好的图书馆模式 (https://vitejs.dev/guide/build.html#library-mode)。 ESM 和 UMD 文件都被转换到我的 class AAA{
private static object obj=new object();
private CompositionContainer container ;
private void MefOpt()
{
var c = new AggregateCatalog();
c.Catalogs.Add(new AssemblyCatalog("MyAssemblyName"));
container = new CompositionContainer(c,true);
}
private void CompPrt()
{
lock(obj)
{
container.ComposeParts(this);
}
}
目录中。我的问题是如何在入口点文件中导出web组件。
我有一个名为 /dist
export.js
这个想法是我将import AwesomeHeader from './components/AwesomeHeader.vue'
import AwesomeFooter from './components/AwesomeFooter.vue'
export default { // I feel like the problem is here.
components: {
AwesomeHeader: AwesomeHeader,AwesomeFooter: AwesomeFooter,}
}
这个项目并像这样使用它。
npm publish
npm i @sparkyspider/awesome-components #(ficticious example)
(AwesomeHeader 和 AwesomeFooter 在 node_module 中没有被发现作为导出,即使 JavaScript 文件被引用/找到)
我的 package.json 下面:
import {AwesomeHeader,AwesomeFooter} from '@sparkyspider/awesome-components' // does not find
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。