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

你可能感兴趣的:(记一次npm发布所遇到的问题)