在 es6 中使用 rollup.js

Question

这是的后续问题。

我有小虚拟模块foo.js:

//.src/foo.js
import * as d3 from "d3";

export default function() {
  return d3.select("body").append("div").text(42); 
};

和一个 index.js:

export {default as foo} from "./src/foo";

我可以使用以下 rollup.config.js:

应用汇总

// rollup.config.js
import babel from "rollup-plugin-babel";
import * as meta from "./package.json";

export default {
  input: "index.js",
  external: ["d3"],
  output: {
    file: `build/${meta.name}.js`,
    name: "d3",
    format: "umd",
    indent: false,
    extend: true,
    // banner: `// ${meta.homepage} v${meta.version} Copyright ${(new Date).getFullYear()} ${meta.author}`,
    globals: {d3: "d3"},
    plugins: [
      babel({
        exclude: "node_modules/**"})
    ]
  },
};

这很好用。但是，如果我向 foo.js:

添加一个像“const”这样的 es6 命令

import * as d3 from "d3";

export default function() {
  const num = 42;
  return d3.select("body").append("div").text(num); 
};

我得到一个错误：意外的标记：关键字 «const» 在 JS_Parse_Error.get（评估...）

如何更新我的 rollup.config.js 才能使其正常工作？

Answer 1

出现的错误与 rollup.js 无关。我错过了导致该问题的运行 uglify-js...

在 es6 中使用 rollup.js

Using rollup.js with es6

javascript

d3.js

rollupjs