基于Webpack ES6 搭建umd javascript类库

webpack output配置

 output: {
        path: path.join(__dirname, 'dist'),
        filename: 'JSSDK.js', //文件名
        publicPath: '/dist/', //发布路径
        library: 'JSSDK', //类库名称
        libraryTarget: 'umd', //类库加载方式
        umdNamedDefine: true
    },

打包后文件头增加了这段代码,可以识别不同的运行环境,并为我们的类库提供一个妥当的初始化机制。

(function webpackUniversalModuleDefinition(root, factory) {
  if(typeof exports === 'object' && typeof module === 'object')
    module.exports = factory();
  else if(typeof define === 'function' && define.amd)
    define("JSSDK", [], factory);
  else if(typeof exports === 'object')
    exports["JSSDK"] = factory();
  else
    root["JSSDK"] = factory();
})(this, function() {
return (function(modules) {
 ...
 ...
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,083评论 19 139
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 8,219评论 40 247
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,253评论 7 35
  • 8/11 D6: 亭可马里----康堤 闹钟5点开始工作,千呼万唤还是没能把宝宝唤起,昨天继续和蚊子斗争、...
    ICEarise阅读 120评论 0 0
  • 一道一道的光芒 泛起白色的涟漪 夜晚的虫子 不再撞向死亡的光 而是跳到了半空的云朵上
    淦作涛阅读 224评论 0 6