Как собрать или импортировать пакет npm из create-реагировать на приложение с машинописью - PullRequest
1 голос
/ 26 сентября 2019

Я пытаюсь экспортировать свой реактивный проект в виде пакета 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)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...