В настоящее время я создаю пакет bower, который экспортирует один модуль ES6.Как я могу сохранить зависимости пакета пакета от моего пакета накопительных пакетов?
При создании dist для моего пакета я использую rollup для перемещения всех моих внутренних модулей в один модуль, экспортируя только один модуль.
Глоток задача:
// Bundle ES6 modules into a single file
gulp.task('bundle', function(){
return gulp.src('./src/GuacaMarkdownEditor.js', {read: false})
.pipe(rollup({
// any option supported by rollup can be set here, including sourceMap
// https://github.com/rollup/rollup/wiki/JavaScript-API
format: 'es6',
sourceMap: true
}))
.pipe(sourcemaps.write(".")) // this only works if the sourceMap option is true
.pipe(gulp.dest('./dist'));
});
Это все работает отлично, но я импортировать некоторые зависимости от других Бауэр пакетов, которые я не хочу связывать с моим модулем (JQuery, шрифт-удивительным).
Моя проблема заключается в следующем: Как я могу скомпоновать код MY и сохранять инструкции импорта ES6 для пакетов bower - но без свертывания, связывающего внешний код с моим пакетом?
Пример:
"use strict";
import $ from 'jquery'; // dont bundle this!
import GuacaAirPopUp from './GuacaAirPopUp'; // bundle this!
export
default class GuacaMarkdownEditor {
...
}
Что такое рабочий процесс для этого? Достаточно ли запустить браузеру на одном сгенерированном пакете es2015? –
Browserify должен обрабатывать это тоже, но в моем текущем рабочем процессе я импортирую этот модуль в другое приложение и связывая его. Вы можете увидеть пример в моем репо для простой утилиты: https://bitbucket.org/technicallycompatible/guacamarkdown/src – anthr