Как сделать модуль обнаруживаемым с помощью index.ts?

Question

Я пробую машинопись в моем проекте и в моих предыдущих проектах, если у меня есть компонент React, тогда я сделаю структуру своего проекта следующим образом:

componentDir/
    Component.js
    index.js

Где мой index.jsбудет содержать содержимое в виде:

import Component from './Component';

export default Component;

Я бы использовал этот компонент (или любой модуль с index файлом) где угодно как:

import Component from './componentDir';

Как я могу добиться аналогичной вещи смашинопись

Answer 1

вы можете сделать это с помощью webpack .

. В случае успешной настройки вы можете сделать следующее:

Project:

|- /components/
   footerComponent.ts
|- index.ts
|- tsconfig.json
|- webpack.config.js

Объявление компонента:

import React from 'react';

export class FooterComponent  extends React.Component {
   constructor(props){
      super(props);
   }
}

Импорт:

import FooterComponent './components/footerComponent'

tsconfig:

{
   "compilerOptions": {
   "outDir": "./dist/",
   "sourceMap": true,
   "strictNullChecks": true,
   "module": "es6",
   "jsx": "react",
   "target": "es5",
   "allowJs": true
},
"awesomeTypescriptLoaderOptions": {
  "useBabel": true,
  "useCache": true
},
"include": [
  "../src/**/*",
  "./global.d.ts"
 ]
}

Хорошего дня.