当前位置: 首页 > 网络应用技术

如何打包VUE组件库

时间:2023-03-07 21:57:54 网络应用技术

  包装组件库允许我们在后续工作中重复使用Ready -MADE代码,并保持组件的稳定性。

  本文简要概述了包装VUE组件库的两种方法:Vue-CLI,WebPack。

  Vue-CLI随附将其编译成库的功能。

  编写源代码后,执行命令:

  参数设置库的名称,参数设置生成文件的保存目录,指示入口文件。

  参考信息vue-cli-server构建。

  此命令在DIST目录中生成CJS和UMD文件,并且还处理CSS称为单独的文件。

  VUE-CLI不配置组件库的外部依赖关系。我们需要将其设置在中间。

  WebPack包装组件库的方法类似于包装应用程序方法,除了我们设置库属性。示例:

  该属性用于配置生成的目标模块的类型。