Javascript 如何使用Vue构建UI框架

Javascript 如何使用Vue构建UI框架,javascript,node.js,npm,vuejs2,Javascript,Node.js,Npm,Vuejs2,我想用Vue创建一个UI框架,但我不希望它只是任何UI框架。我希望用户能够指定他们希望从框架中获得哪些组件。然后我希望能够像这样将它们带到我的单个文件模板中 import { component1, component2} from 'framework'; 我还希望能够将其构建为npm模块 任何建议都将不胜感激。最简单的方法是 我以前做过的一个组件,默认情况下基本上可以工作。CVC(上面的第一个软件包)使用“bili”,这是一个小型的卷式捆绑包,创建了3种不同类型的捆绑包(umd-brows

我想用Vue创建一个UI框架,但我不希望它只是任何UI框架。我希望用户能够指定他们希望从框架中获得哪些组件。然后我希望能够像这样将它们带到我的单个文件模板中

import { component1, component2} from 'framework';
我还希望能够将其构建为npm模块


任何建议都将不胜感激。

最简单的方法是

我以前做过的一个组件,默认情况下基本上可以工作。CVC(上面的第一个软件包)使用“bili”,这是一个小型的卷式捆绑包,创建了3种不同类型的捆绑包(umd-browser、common-requirejs和es-ES6 import)

剩下要做的唯一一件事就是在索引文件中声明一个包含组件的导出

  export {
    component1,
    component2
  }

这里唯一需要注意的是css。默认方法将css提取到不同的css文件中。 请参阅如何定制css的功能。这些选项可以在
bili
部分中指定

如果您想更进一步,将css与组件一起导入,您可以查看Element UI(最流行的Vue UI库)使用的组件