ES6. Webpack. Именованный (частичный) импорт

151
20 февраля 2019, 13:00

дано:

библиотека 'partial-export' вида

// src/index.js
export const foo = () => 'foo'
export const bar = () => 'bar'

собирается вебпаком в бандл

приложение 'partial-import' в котором библиотека 'partial-export' установлена через npm как зависимость

доступ к функциям возможен -

import * as partial from "partial-export"; // size ~20Kb
console.log(partial.foo()) // -> 'foo'

или

import { bar } from "partial-export"; // size ~20Kb
console.log(bar()) // -> 'bar'

и в том и в другом случае библиотека загружается полность хотя используется только часть функциональности.

вопрос: как добится следуещей функциональности при которой будет грузится только часть библиотеки?

import foo from "partial-export/foo"; // size ~10Kb
console.log(foo()) // -> 'foo'
READ ALSO
Использование функции как объекта

Использование функции как объекта

Читаю учебник по JavaScriptСказано: "Функция в JavaScript является объектом, поэтому можно присваивать свойства прямо к ней, вот так:"

124
Как изменить цвет div через js

Как изменить цвет div через js

Есть вот такие дивы <html>

171