只导入你需要的东西？

Question

我最近参加了一次聚会，其中一次会谈是关于如何使用Webpack来只需要你需要的软件包。我相信它被称为树摇晃。我想知道如果没有Webpack，有没有办法做到这一点？例如，您可以准确指定所需的代码段而不是整个节点模块。

有关这方面的任何信息都会很棒。我只是想学点新东西。

干杯，

Answer 1

有几种非常简单的方法：

在ES6中，你可以做所谓的destructuring。

这是一个数组示例：

var a, b, rest;
[a, b] = [10, 20];

console.log(a);
// expected output: 10

console.log(b);
// expected output: 20

[a, b, ...rest] = [10, 20, 30, 40, 50];

console.log(rest);
// expected output: [30,40,50]

这是通过索引进行的解构，其中a = array [0]，b =索引1的数组（超链接禁止括号格式）等...注意...运算符，在ES6中称为扩展运算符。 Here is a link to that if you are curious about what it does, or how to use it.

您也可以对对象执行相同操作，请考虑：

const someRandomObject = {
     a: 1,
     b: 2,
};

const {a} = someRandomObject;
console.log(a) // expected output: 1

您正在通过名称来破坏对象所需的属性，因此您不会吸引大量未使用的东西。如果您不使用ES6，您可以执行类似的操作：

const someRandomObject = {
     a: 1,
     b: 2,
};

const a = someRandomObject.b;
console.log(a) // expected output: 2

与上面相同的是，你正在从someRandomObject中取出你想要的属性，而不是别的。请注意，上面的方法是在右侧拉取值，因此变量的名称无关紧要。这两种方式在功能上是等价的（我相信）。