1

Пытаюсь собрать библиотеку JS написанную на es6 в бандл. Для модулей используется import/export и пресет es2015 Либа имеет следующую структуру.

./src/
   Unit1.js
   Unit2.js
   ...
   UnitN.js
   Entry.js  //Точка входа

В точке входа собираю в пространство имен экспортируемые классы

import A from 'MyLib/Unit1.js'
import B from 'MyLib/Unit3.js'
import C from 'MyLib/UnitN.js'

export default {
    A: A,
    B: B,
    C: C
};

конфиг webpack:

{
context: lib_path,
entry: './Entry.js',
output: {
    path: `${__dirname}/dist`,
    filename: 'bundle.js',
    library: 'MyLib'
},
module: {
    loaders: [{
        test: /.js$/,
        loader: 'babel-loader',
        query: {
            presets: ['es2015']
        }
    }]
},
resolve: {
    root: lib_path,
    alias: {
        MyLib: './'
    }
}
}

Проблема в следующем я могу определить пространство имен в конфиге webpack(output.library), но тогда для обращения к классам библиотеки нужно использовать конструкции MyLib.default.A хотелось бы исключить слово default.

0

1 ответ 1

1

В общем судя по всему webpack ничего не режет, и нужно просто правильно применить синтаксис es6-модулей.

Вот очень подробная статья на английском.

Нам не нужен экспорт по умолчанию, нам нужны именованные экспорты, поэтому просто убираем слово default:

export {
    A: A,
    B: B,
    C: C
};

А теперь видим на это, и понимаем что можем применить es6-фичу которая позволяет кратко объявлять такие объекты и напишем просто

export {A, B, C}

Собственно такой формат экспорта можно увидеть очень часто. Там где предпочитают экспортировать модуль в одном месте а не по кусочкам.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.