将用typescript编写的angularjs库与Web包捆绑在一起

我有一个用Typescript编写的angularjs模块，它包含一组组件。我需要将这个库绑定到一个文件中，以便其他angular应用程序使用

这是webpack.config的输出部分

 entry: './mylib.module.ts',
 output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'my-lib.js',
    library: 'mylib',
    libraryTarget: 'umd'
  },

当我在另一个angularjs项目中包含这个“my lib.js”时，angular无法找到我的模块，就好像它根本没有加载一样

以下是我需要如何使用该模块：

<script src="https://example.com/my-lib.js"></script>
<script>
   angular.module('myApp', ['myLib']);
   angular.bootstrap(document, ['myApp']);
</script>

---

如何做到这一点？

您能否再分享一下您是如何在应用程序中导入外部模块的？另外，您能否共享生成的lib.js的第一行？你正在运行webpack-p选项吗？@The.Bear我更新了答案。不，我没有使用-p标志。

(function webpackUniversalModuleDefinition(root, factory) {
    if(typeof exports === 'object' && typeof module === 'object')
        module.exports = factory(require("angular"), require("angular-translate"), require("angular-translate-loader-static-files"));
    else if(typeof define === 'function' && define.amd)
        define(["angular", "angular-translate", "angular-translate-loader-static-files"], factory);
    else if(typeof exports === 'object')
        exports["fnc"] = factory(require("angular"), require("angular-translate"), require("angular-translate-loader-static-files"));
    else
        root["fnc"] = factory(root["angular"], root["angular-translate"], root["angular-translate-loader-static-files"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__) {
return /******/ (function(modules) { // webpackBootstrap........