Javascript 生产构建自定义选项。Vue cli 3

Javascript 生产构建自定义选项。Vue cli 3,javascript,vue.js,webpack,vuejs2,modularity,Javascript,Vue.js,Webpack,Vuejs2,Modularity,我有一个为性能跟踪创建的vue cli 3客户端应用程序,它显示各种“小部件”。 每个小部件组件都被命名为[widgetName].vue,存储在src->components文件夹中,并通过getter和操作与外部世界通信,就像我使用vuex一样 问题: 随着不同业务客户数量的逐渐增加,widget的种类也在增加。一些客户端不需要在其应用程序副本中包含多种类型的小部件 另外还有一个复杂问题:客户是没有直接互联网接入的工业网站。只有当我们的维护工程师访问他们时,他们才能获得应用程序更新 所需解决

我有一个为性能跟踪创建的vue cli 3客户端应用程序,它显示各种“小部件”。 每个小部件组件都被命名为
[widgetName].vue
,存储在
src
->
components
文件夹中,并通过getter和操作与外部世界通信,就像我使用
vuex
一样

问题:

随着不同业务客户数量的逐渐增加,widget的种类也在增加。一些客户端不需要在其应用程序副本中包含多种类型的小部件

另外还有一个复杂问题:客户是没有直接互联网接入的工业网站。只有当我们的维护工程师访问他们时,他们才能获得应用程序更新

所需解决方案(非常通用):

  • 所有小部件都需要从“小部件指示器”应用程序本身移动到某种库中。在开发模式下,应使用npm链接
  • 应该能够选择要包含在生产构建中的小部件组

我试图找到某种控制台向导,它允许选择应该包含在生产构建中的组件,但没有任何运气。这里有哪些可能的选项?

构建组件库似乎是一个良好的开端。一旦构建,维护工程师可能可以从磁盘上安装npm客户机选择的库

以下是一些模板实用程序,它们帮助我实现了您想要的功能