美文网首页
使用lib模式打umd包

使用lib模式打umd包

作者: sweetBoy_9126 | 来源:发表于2019-07-07 15:44 被阅读0次
    1. 打包的时候只想导出我们想要导出的组件
      默认情况下我们运行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.更改库的名字为自己得库

    相关文章

      网友评论

          本文标题:使用lib模式打umd包

          本文链接:https://www.haomeiwen.com/subject/plibhctx.html