webpack打包library发布到npm

$ tree
.
├── package.json
├── src
│   └── index.js
└── webpack.config.js

// src/index.js
export function echo(message) {
  console.log(message);
}

{
  "name": "more-echo",
  "version": "1.0.0",
  "description": "a demo for webpack package to npm",
  "main": "dist/more-echo.js",
  "scripts": {
    "build": "webpack"
  },
  "keywords": [
    "demo"
  ],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.72.1",
    "webpack-cli": "^4.9.2"
  }
}

const path = require('path');
module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'more-echo.js',
    library: {
      name: 'moreEcho',
      type: 'umd',
    },
  },
};

# 打包
$ npm run build
# 发布
$ npm publish

npm i more-echo

const { echo } = require('more-echo');
echo('Hello World!');

<script src="./dist/more-echo.js"></script>
<script>
    moreEcho.echo('Hello World');
</script>