- 打包的时候只想导出我们想要导出的组件
默认情况下我们运行build会把我们当前所有的组件都导出,比如我们的demo.vue这些不需要导出的,那么如果我们只想导出我们需要的组件就需要用到vue cli lib
新建一个入口文件index.js
- 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.更改库的名字为自己得库