代码之家 › 专栏 › 技术社区 › Ajay Gaur

如何使用index.ts使模块可发现?

module typescript reactjs

0

Ajay Gaur · 技术社区 · 6 年前

我正在我的项目和我以前的项目中尝试typescript,如果我有一个 React

componentDir/
    Component.js
    index.js

我的朋友呢 index.js 将包含以下内容:

import Component from './Component';

export default Component;

我会使用这个组件(或任何模块) index 文件)任何位置:

import Component from './componentDir';

我怎样才能用TypeScript实现类似的功能呢?

1 回复 | 直到 6 年前

1

ene_salinas 6 年前

你可以用它 webpack .

如果安装成功,可以执行以下操作:

|- /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'

t配置:

{
   "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"
 ]
}