На самом деле моя библиотека экспортирует ресурсы, которые будут импортированы таким образом:
import { fooComponent } from 'my-library/lib/components'
import { fooHook } from 'my-library/lib/hooks'
Что мне нужно изменить в моем webpack.config.js
, чтобы можно было импортировать мои ресурсы таким образом?
import { fooComponent } from 'my-library/components'
import { fooHook } from 'my-library/hooks'
My webpack.config.js
:
...
entry: {
components: './src/components/index.js',
hooks: './src/hooks/index.js',
index: './src/index.js',
services: './src/services/index.js',
templates: './src/templates/index.js'
},
...
output: {
filename: '[name].js',
globalObject: 'typeof self !== "undefined" ? self : this',
library: 'my-library',
libraryTarget: 'umd',
path: path.join(fileRoot, 'lib'),
umdNamedDefine: true
},
Изменить path: path.join(fileRoot, 'lib')
на path: path.join(fileRoot, '')
не вариант, потому что мне нужен путь распространения.
Возможно ли решить эту проблему, используяTypeScript или Webpack?