Asp.net mvc 基于已编译包的d.ts的Web包自定义解析依赖关系

Asp.net mvc 基于已编译包的d.ts的Web包自定义解析依赖关系,asp.net-mvc,angular,typescript,webpack,Asp.net Mvc,Angular,Typescript,Webpack,这是我第一次问有关stackoverflow的问题,所以如果我写了一些奇怪的东西,我会提前道歉,并感谢大家的帮助 我已经实现了一个基于Asp.NETMVC5、TypeScript 2.2.0和Angular 4.0.0的模块化解决方案,该解决方案是用Webpack3.0.0编译的。 它有一个主应用程序(MVC),必须承载外部模块,这些模块是具有自己的后端Web API和自己的组件的其他MVC应用程序 我的目标是编译和部署单个模块,而不需要其他模块的源代码或主应用程序源代码,而只使用编译的包和类型

这是我第一次问有关stackoverflow的问题,所以如果我写了一些奇怪的东西,我会提前道歉,并感谢大家的帮助

我已经实现了一个基于Asp.NETMVC5、TypeScript 2.2.0和Angular 4.0.0的模块化解决方案,该解决方案是用Webpack3.0.0编译的。 它有一个主应用程序(MVC),必须承载外部模块,这些模块是具有自己的后端Web API和自己的组件的其他MVC应用程序

我的目标是编译和部署单个模块,而不需要其他模块的源代码或主应用程序源代码,而只使用编译的包和类型。 通过这种方式,我只能在append中将我的模块(bundle.js和dll)部署到主应用程序

这一过程应当是:

  • 编译主应用程序
  • 在服务器上部署
  • 编译模块1
  • 复制主应用程序bin上的bin dll
  • 在主应用程序脚本文件夹中复制Module1 js捆绑包
  • 等等

    我可以使用webpack编译单个模块,并使用最后生成的“records.json”文件解析相同的名称

    问题是当我想使用其他模块的组件时。我必须使用从其他模块生成的d.ts导入类:

    /// <reference path="../../../typings/module1.d.ts" />
    import { HttpWrapperService } from "Module1/App/http-wrapper/http-wrapper.service";
    
    如何告诉Webpack使用“records.json”文件解析从d.ts导入的模块名? 也许用插件

    解决方案的结构如下所示:

    Root
    |--- Main (MVC App)
    |     |
    |     |--- Manifest.js
    |     |--- Vendor.js (bundle of all third party libraries like Angular or jQuery)
    |     |--- Polyfills.js
    |     |--- App.js (bundle of main app)
    |
    |--- typings
    |     |
    |     |--- app.d.ts
    |     |--- module1.d.ts
    |     |--- module2.d.ts
    |
    |--- Module1
    |     |
    |     |--- App
    |           |
    |           |--- http-wrapper
    |                 |
    |                 |--- http-wrapper.service.ts
    |
    |--- Module2
          |
          |--- App
                |
                |--- users
                      |
                      |--- users.component.ts
                      |--- users.service.ts
    

    这个主题对我来说是新的,但我认为主模块应该包含新的主题。您应该有一个主模块,并从中构建层次依赖结构,不是吗?感谢回复:),模块是通过路由延迟加载的,因此它们不依赖于其他模块。唯一的依赖关系是上面示例中的常见组件,如http-wrapper.service。
    Root
    |--- Main (MVC App)
    |     |
    |     |--- Manifest.js
    |     |--- Vendor.js (bundle of all third party libraries like Angular or jQuery)
    |     |--- Polyfills.js
    |     |--- App.js (bundle of main app)
    |
    |--- typings
    |     |
    |     |--- app.d.ts
    |     |--- module1.d.ts
    |     |--- module2.d.ts
    |
    |--- Module1
    |     |
    |     |--- App
    |           |
    |           |--- http-wrapper
    |                 |
    |                 |--- http-wrapper.service.ts
    |
    |--- Module2
          |
          |--- App
                |
                |--- users
                      |
                      |--- users.component.ts
                      |--- users.service.ts