typescript - Webpack、打字稿和导入解析

Question

我对 typescript 导入语句和 webpack 支持有一点问题。例如，如果我的模块 A 内部只有导入语句，模块 B 导入模块 A。运行 webpack watch 后，我的 bundle.js 输出文件在生成 javaScript 代码的部分为空。这表明 webpack 不解析导入。这是示例：

         /*controllerA*/
          export class ControllerA{
            constructor(){}  
          }

         /*a.ts*/
        import {controllerA} from './controllerA'   

        /*b.ts*/
        import * as moduleA from './a'

这是我的 webpack 配置

   module.exports = {

   entry: ['./b.ts'],
    output: {
     filename: 'bundle.js'

   },

 resolve: {
  extensions: ['', '.webpack.js', '.web.js', '.ts', '.js']
 },

   module: {
   loaders: [
     { test: /\.ts$/, loader: 'ts-loader' }
    ]
  }
 }

任何想法如何解决它？

Answer 1

您的a.ts不会导出任何内容。您需要在导入后重新导出控制器A，或者只需将a.tsimport中的关键字替换为export