לאסוף את ספריית angularjs הכתובה ב-Typescript עם webpack
יש לי מודול AngularJS שנכתב ב-Typescript, הוא מכיל אוסף של רכיבים. אני צריך לאגד את הספרייה הזו לקובץ אחד שניתן להשתמש בו על ידי אפליקציות Angular אחרות.
הנה חלק הפלט של webpack.config.
entry: './mylib.module.ts',
output: {
path: path.resolve(__dirname, './dist'),
filename: 'my-lib.js',
library: 'mylib',
libraryTarget: 'umd'
},
כאשר אני כולל את "my-lib.js" הזה בפרויקט AngularJS אחר, Angular לא יכול למצוא את המודול שלי כאילו הוא בכלל לא נטען.
הנה איך אני צריך להשתמש במודול:
<script src="https://example.com/my-lib.js"></script>
<script>
angular.module('myApp', ['myLib']);
angular.bootstrap(document, ['myApp']);
</script>
הנה כמה השורות הראשונות של קובץ ה-lib שנוצר:
(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........
איך אפשר לעשות את זה?