如何配置 webpack 以构建 npmjs.com 中可用的前端 package

Question

我使用 Webpack 将 JavaScript 库捆绑到一个独立模块中，现代浏览器可以通过这种方式使用该模块：

<script type="module">
  import { configureCart } from "/assets/liquid-ajax-cart.js";
  configureCart('addToCartCssClass', 'js-ajax-cart-open');
</script>

在Webpack 配置中，我使用library.type = "module"来实现此目的：

output: {
  filename,
  path: path.resolve(__dirname, folder),
  library: {
    type: 'module',
  },
},
experiments: {
  outputModule: true
}

Now I want to publish the library on npmjs.com but I confused which library type I should use for it and should I change anything else in my Webpack config for npm package in general.

目的是有可能从 npmjs 下载 package：

npm install liquid-ajax-cart

然后将其与 webpack 或任何其他 JS 捆绑器一起使用：

import { configureCart } from 'liquid-ajax-cart';
configureCart('addToCartCssClass', 'js-ajax-cart-open');

由于 nodejs 不会直接使用 package 我想我不需要将代码转换为“commonjs”或“amd”模块类型？ 如果是这样，所有捆绑程序是否会“理解”并正确使用 npm package 中的 es6 模块？