小编Bil*_*lam的帖子

如何在浏览器上使用由 rollup.js 捆绑的 es6 模块,发布在 NPM 上

我已经向 NPM 发布了一个简单的 js 库,我希望节点和浏览器都可以使用它,使用 rollup.js 我为 commonJs 和 ES 创建了 2 个单独的包

rollup.config.js

output: [
    {
      dir: "bin/common",
      format: "cjs",
    },
    {
      dir: "bin/esm",
      format: "esm",
    },
  ],
Run Code Online (Sandbox Code Playgroud)

cjs 捆绑包在节点中工作正常,但是我在使用 esm 捆绑包时遇到错误

索引.html

<html>
  <head>
    <script src="./src/index.js" type="module">
    </script>
  </head>
  <body></body>
</html>
Run Code Online (Sandbox Code Playgroud)

索引.js

import * as myLib from "./node_modules/bin/esm/myLib.js";
console.log(myLib);
Run Code Online (Sandbox Code Playgroud)

由 rollup.js 生成的 MyLib.js ES 包

Object.defineProperty(exports, "__esModule", { // error is thrown from this line
  value: true
});
exports["default"] = void 0;

/** Lib Related code (no external …
Run Code Online (Sandbox Code Playgroud)

javascript commonjs webpack rollupjs es6-modules

6
推荐指数
0
解决办法
698
查看次数

标签 统计

commonjs ×1

es6-modules ×1

javascript ×1

rollupjs ×1

webpack ×1