Question

我想用Vue制作一个UI框架，但我不希望它只是任何UI框架。我希望用户能够从框架中指定他们想要的组件。然后我希望能够将它们带入像我这样的单文件模板

import { component1, component2} from 'framework';

我也希望能够将其构建为npm模块。

非常感谢任何建议。

Answer 1

最简单的方法可能是this package

我之前做过的其中一个组件uses it，默认情况下它基本上可以正常工作。 CVC（上面的第一个包）使用“bili”，它是汇总捆绑器的一个小包装器，并创建3种不同类型的包（umd - browser，common - requirejs和es-ES6 import）

您唯一要做的就是在索引文件中使用组件声明导出

  export {
    component1,
    component2
  }

这里唯一需要注意的是css。默认方法将css提取到不同的css文件中。请参阅rollup plugin vue，了解如何自定义css应该执行的操作。可以在bili部分of package json like here

中指定这些选项

如果您想更进一步，请将css与您可以查看的元素UI（最受欢迎的Vue UI库）Babel plugin component一起导入的组件一起导入。