Я пытаюсь экспортировать свой реактивный проект в виде пакета npm.Я использую приложение create-реакции-приложение для сборки производственной сборки.Я также следовал этой (https://medium.com/@revanth0212/how-to-create-and-publish-react-components-using-the-create-react-app-9d60583c2161) статье, чтобы опубликовать ее в npm. Теперь я понятия не имею, как импортировать экспортированные классы. Я также попытался с помощью nwb собрать пакет. Я мог собрать и импортировать пример с их сайта., но я не могу скомпилировать свой проект. Он использует машинопись
Код index.js:
/*jshint esversion: 6 */
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-balham.css';
export {
DateEditor
}
from './component/editor/DateEditor';
export {
CellClassProvider
}
from './component/cellClassProvider/CellClassProvider';
export {
DateEditor
}
from './component/editor/DateEditor';
export {
TextAreaEditor
}
from './component/editor/TextAreaEditor';
export {
BooleanFilter
}
from './component/filter/BooleanFilter';
export {
DateFormatter
}
from './component/formatter/DateFormatter';
export {
NumberFormatter
}
from './component/formatter/NumberFormatter';
export {
Formatter
}
from './component/formatter/Formatter';
export {
BooleanRenderer
}
from './component/renderer/BooleanRenderer';
exports.blub = function () {
console.log('blub');
};
Это не работает:
import {BooleanRenderer} from 'entitytable'
И с nwb я получаю эти ошибки:
ERROR in ./src/component/renderer/BooleanRenderer.tsx 4:52
Module parse failed: Unexpected token (4:52)
You may need an appropriate loader to handle this file type.
| import { CommandInvoker } from "../../action/command/CommandInvoker";
|
> export class BooleanRenderer extends React.Component<{ data: any, colDef: any, value: boolean }, { data: any, column: string, value: boolean }> {
|
| constructor(props: Readonly<{ data: any, colDef: any, value: boolean }>) {
@ ./src/index.js 29:0-75 29:0-75
@ multi ./src/index.js
Редактировать
Пакет называется entitytable и размещается как артефакт на сервере Azure. Мой главныйпроблема в том, что я не понимаю, как импортировать минимизированный пакет. Я создаю его с помощью create-реагировать-приложение и опубликовал минимизированную сборку в виде npm-пакета на сервере Azure. Я могу импортировать его с помощью require ('entitytable').) в другом проекте. Но я не могу импортировать экспортированные классы (например, DateFormatter)