2016-03-13 3 views
1

Я пишу 3 модулей, которые будут опубликованы в качестве НПМ модулейЭкспорт модуль, построенный WebPack

  • Администратор (имеет ядро ​​имеет зависимость)
  • Член (имеет ядро ​​имеет зависимость)
  • Ядро

package.json в ядре:

{ 
... 
"main":"dist/bundle.js" 
} 

Использование сердечника в Admin:

import core from "core" 

Все модули построены с помощью webpack.

Проблема заключается в том, что если я использую WebPack построить Core, генерируя bundle.js и имеют Admin импортировать bundle.js много библиотек будет дублироваться.

E.g. Угловая, самозагрузки и т.д ..

То, что я делаю сейчас, чтобы импортировать файл ввода src/index.js в admin

package.json в Core:

{ 
... 
"main":"src/index.js" 
} 

использования ядра в Admin:

import core from "core" 

но webpack не может разрешить некоторые зависимости в core правильно, например, я установил более одного корня в webpack.config.js в модуле core, так что возможен импорт коротких рук.

root: [ 
     path.resolve(__dirname, './src/'), 
     path.resolve(__dirname, './src/directives') 
] 
// instead of relative path 
import "../../myDirective.js" 
// I can use 
import "myDirective.js"; // where myDirective.js is under "src/directives/myDirective.js", but this fails when I try to build `admin` module. 

Есть ли простой способ для webpack строить npm-модули, чтобы его было легко импортировать?

Core: depends on angular, bootstrap, core.js 
Admin: depends on angular, bootstrap, admin.js, includes core as a module 

ответ

0

Мне это тоже интересно. Я предлагаю, это можно сделать, установив webpack's library options.

+0

Это не ответ, предложение – pableiros

+0

Да, вы правы. Но я надеюсь, что это правильное предложение. – Digger2000

Смежные вопросы