使用lib模式打umd包

2019-07-07  本文已影响0人  sweetBoy_9126
  1. 打包的时候只想导出我们想要导出的组件
    默认情况下我们运行build会把我们当前所有的组件都导出,比如我们的demo.vue这些不需要导出的,那么如果我们只想导出我们需要的组件就需要用到vue cli lib

新建一个入口文件index.js

import LfSticky from './sticky'

export { LfSticky }
运行 npx vue-cli-service build --target lib --name myLib src/index.js

然后我们打包的文件里就会有这个LFSticky

这个js文件我们可以直接在线上使用
新建一个js文件,将代码拷贝进去,然后引入,我们就可以通过window.myLib访问这个对象

2.对于导出和引用的简写

import LfSticky from './sticky'
export { LfSticky }

上面两句代码可以简写为
export { default as LfSticky } from './sticky'

3.更改库的名字为自己得库

上一篇下一篇

猜你喜欢

热点阅读