记一次npm发布所遇到的问题

用ES6+的语法编写了一个用于浏览器环境的组件,准备发布到 npm 上,但是遇到了许多问题:
我希望可以支持script标签方式引入,也希望可以用commonjs和es6的方式引入。我应该如何打包?
前提:打包工具是 webpack。

你最好先看看这个指南-创建Library

同时你还需要了解一些模块的知识UMD和ECMAScript模块

解决方案:

output: {
    path: path.resolve(__dirname, 'lib/'),
    filename: 'index.js',
    libraryTarget: 'umd',
    library: 'TDmark',
  },
 externals: ['pako', 'ua-parser-js', 'uuid'],

output下可以对输出内容进行配置;externals则是需要革出你最终打包内容的项。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容