Lit-element：如何使用非 esm npm 包？答案

【问题标题】：Lit-element: How to work with non-esm npm packages?Lit-element：如何使用非 esm npm 包？
【发布时间】：2019-09-10 08:24:59
【问题描述】：

我来自 create-react-app/webpack-babel-react 世界。你们在使用Lit-Element 时如何集成第三方非 esm npm 包？

我正在使用open-wc 搭建一个项目。到目前为止，我真的很喜欢它不涉及构建/编译工具，但我正在努力导入那些我习惯的 npm 包......

我还搜索了有关如何将 webpack 与 lit-element 一起使用的教程，以防万一，但我找不到合适的。还是我需要使用Polymer 库？还是 Polymer 的 pwa-starter-kit？

你们觉得呢？

【问题讨论】：

【解决方案1】：

如果你选择使用像 rollup 这样的打包工具，你可以使用他们的插件来转换 common-js

如果你像我一样通过es-module-shims 使用导入映射，你只能使用现代 esm 代码

当出现仅 commonjs 的情况时，我将它们分叉，将它们升级到 esm，启动拉取请求，如果它们不接受它，我将其发布在一个新的 npm 包下 — 轻松 peasy

例如，我对nanoid 做了那个，然后做了nanoid-esm.. see a github comment about it

干杯?追逐

【讨论】：