前端关于如何封装一个库，供其他项目使用

目录

1.相关介绍：

2.添加打包命令

3.开始打包

 4.其他项目引入

---

1.相关介绍：

        这里是vue2项目，用vue-cli默认搭建的。

        目的：由于工作需要对ol依赖库进行二次封装，以后其他项目也要使用，所以要封装成库，如果是封装成组件的话，那迁移过去后，还需要安装相关依赖会比较麻烦，而且可能有版本问题，所以这时采用封装成库的模式，我也不知道有没有其他好方法。如果说封装的东西不需要什么依赖，那直接写成组件应该就好了。

        另外，也想过用npm的方式，但是额公司不想这样，只好(= - =)

2.添加打包命令

以下是vue-cli官网提供的命令参数详情

 这里我们打包库就在package.json的'script'里添加以下命令：

"lib": "vue-cli-service build --target lib --name mapself --dest lib src/mapself.js",

其中：mapself是自定义的名字，打包后文件名会按照这个名字来命名，src/mapself.js则是要打包成库的文件的路径，这个大家按照自己实际路径来。

3.开始打包

此时，在终端输入npm run lib即可，项目里就会生成lib文件夹。

 4.其他项目引入

在需要引入的项目里引入即可

import aaa from '../../lib/mapself.umd'

然后就可以调用这个库里的方法啦。

本人还是刚毕业的新手，有什么不对的请多指教，可接收微喷。