包装组件库允许我们在后续工作中重复使用Ready -MADE代码,并保持组件的稳定性。
本文简要概述了包装VUE组件库的两种方法:Vue-CLI,WebPack。
Vue-CLI随附将其编译成库的功能。
编写源代码后,执行命令:
参数设置库的名称,参数设置生成文件的保存目录,指示入口文件。
参考信息vue-cli-server构建。
此命令在DIST目录中生成CJS和UMD文件,并且还处理CSS称为单独的文件。
VUE-CLI不配置组件库的外部依赖关系。我们需要将其设置在中间。
WebPack包装组件库的方法类似于包装应用程序方法,除了我们设置库属性。示例:
该属性用于配置生成的目标模块的类型。