记一次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则是需要革出你最终打包内容的项。

转载于:https://www.jianshu.com/p/1b3c54c9de21