Я пишу 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
Это не ответ, предложение – pableiros
Да, вы правы. Но я надеюсь, что это правильное предложение. – Digger2000