Последние пару дней я изо всех сил пытался заставить это работать должным образом.
У меня есть два класса в двух разных js файлах:
file src / a. js :
export default class A {}
file src / b. js:
export default class B {}
и у меня есть следующий файл точки входа:
file src / index. js :
import A from './a.js'
import B from './b.js'
export { A, B }
// I don't know what else should go in here
Я собираю его с помощью этой конфигурации веб-пакета:
файл webpack.config. js:
module.exports = {
input: 'src/index.js',
output: {
path: 'dist/',
filename: 'my-lib.js',
libraryTarget: 'commonjs-module',
}
}
И собираю его с помощью команды webpack.
Еще одна вещь, на которую следует обратить внимание, это пакет. json:
пакет файлов. json:
{
"name": "my-library",
"module": "dist/my-lib.js",
"main": "dist/my-lib.js"
}
Цель состоит в том, чтобы импортировать мой модуль узла в другой после установки проекта:
$ npm install --save my-module
И используйте его так:
import {A,B} from 'my-module'
const a = new A()
const b = new B()
Как мне создать такой файл index. js и как мне следует использовать webpack.config. js файл как это сделать?