小编Rao*_*Rao的帖子

如何使用webpack捆绑d3 v4

我使用带有webpack的D3 v3,单个包装很简单.现在D3 v4已经变成了模块化的独立包,我无法将它们捆绑到单个包中.

我在下面使用汇总提到了mbostock的文章,但它无法说它无法从index.js加载d3.谁能帮助我如何使用webpack捆绑它们?

编辑1: 我从汇总选项中删除了d3,汇总工作正常.我已经解释了以下步骤

  1. D3 v4已安装.
  2. 添加了汇总配置并存储到./dist/d3.min.js
  3. 将webpack指向./dist/d3.min.js
  4. 试图resolve.alias中的WebPack和要求("D3")的一个home.js. 但它没有运气说

无法解决home.js中的模块d3

  1. 在home.js 尝试了webpack.Provideplugin.还是上面的错误.

有人可以帮我装这个d3吗?

Rollup.js

import node from "rollup-plugin-node-resolve";

export default {
  entry: "index.js",
  format: "umd",
  moduleName: "d3",
  plugins: [node()],
  dest: "./dist/d3.js"
};
Run Code Online (Sandbox Code Playgroud)

index.js

export * from "d3-selection";
export * from "d3-zoom";
export * from "d3-scale";
export * from "d3-drag";
export * from "d3-force";
export * from "d3-axis";
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

var webpack = require('webpack')
var path = require('path')

module.exports = { …
Run Code Online (Sandbox Code Playgroud)

d3.js webpack

8
推荐指数
1
解决办法
2065
查看次数

标签 统计

d3.js ×1

webpack ×1