Konva 3.0.0 Minimal Bundle（摇树）非 TypeScript 项目答案

【问题标题】：Konva 3.0.0 Minimal Bundle (tree shaking) Non-TypeScript projectKonva 3.0.0 Minimal Bundle（摇树）非 TypeScript 项目
【发布时间】：2019-07-19 15:33:59
【问题描述】：

在 Konvajs 2.5 中，我曾经能够通过根据 Readme 中的说明定位特定的 src 文件来进行最少的导入。示例：

import Konva from 'konva/src/Core'
import 'konva/src/Layer'

在 v3.0.0 中，整个库都被重写为 TypeScript。我的应用程序不在 TypeScript 中，而且可能不会在很长一段时间内使用。如何在 3.0 中利用 treeshaking？我卡在旧版本中了吗？我想要 3.0 的性能改进，因为我使用了大量的模式填充。

【问题讨论】：

大家好，我是 Konva 的维护者。目前这是不可能的（即使使用打字稿）。但我希望尽快解决这个问题。

标签： javascript konvajs tree-shaking

【解决方案1】：

konva@3.1.2 支持最小捆绑：

import Konva from 'konva/lib/Core';
// now you have Konva object with Stage, Layer, FastLayer, Group, Shape and some additional utils function.
// Also core currently already have support for drag&drop and animations.
// BUT there are no shapes (rect, circle, etc), no filters.

// but you can simply add anything you need:
import { Rect } from 'konva/lib/shapes/Rect';
// importing a shape will automatically inject it into Konva object

var rect1 = new Rect();
// or:
var shape = new Konva.Rect();

// for filters you can use this:
import { Blur } from 'konva/lib/filters/Blur';

【讨论】：

这是完美的。我今晚会安装它并测试一下。