Я создаю приложение angular2 и начал работать над моим процессом сборки/минимизации. Я могу успешно создавать и запускать свое приложение в режиме dev, с отдельными JS-файлами, которые не являются неопределенными. Но когда я создаю их в один, конкатенированный файл, мое приложение не будет работать. Все, что я получаю, это пустая страница , никаких ошибок на консоли. Я пробовал webpack, gulp и т. Д., Все они имеют одинаковый результат при работе в браузере.Minified angular2 - Кто-нибудь еще это сделал?
Мне любопытно, если кто-то получил это на работу еще? Или есть предложения?
Одна вещь, которую я заметил в моем скомпилированном JS (из машинописного текста), заключается в том, что вызов bootstrap присутствует, но никогда не выполняется, если я устанавливаю точку прерывания.
Я скомпоновываю свой TypeScript для модулей es5 и System. Angular2.beta12
Index.html
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- inject:css -->
<link rel="stylesheet" href="resources/css/ncss.css">
<link rel="stylesheet" href="css/App.css">
<!-- endinject -->
<!-- 1. Load libraries -->
<!-- IE required polyfills, in this exact order -->
<!-- inject:js -->
<script src="libs/system-polyfills.js"></script>
<script src="libs/angular2/bundles/angular2-polyfills.js"></script>
<script src="libs/system.src.js"></script>
<script src="libs/Rx.js"></script>
<script src="libs/angular2/bundles/angular2.min.js"></script>
<script src="libs/angular2/bundles/router.min.js"></script>
<script src="libs/angular2/bundles/http.min.js"></script>
<!-- endinject -->
<!--<script src="app/app.min.js"></script>-->
<!-- 2. Configure SystemJS -->
<script>
System.import('app/app.min.js')
.then(null, console.error.bind(console));
</script>
</head>
<!-- 3. Display the application -->
<body>
<app-component></app-component>
</body>
TSconfig:
{
"compilerOptions": {
"target": "es5",
"module": "system",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": true,
"declaration": true,
"suppressImplicitAnyIndexErrors": true,
"outDir": "./dist/app",
"outFile": "./dist/app/app.min.js"
},
"exclude": [
"node_modules",
"typings/browser",
"typings/browser.d.ts",
"dist/libs"
]
}
Известные проблемы с минимизацией https://github.com/angular/angular/search?q=minified&state=open&type=Issues&utf8=%E2%9C%93 –
Я думаю, что у меня есть мой ответ. Я выбрал вишню для файлов, которые мне нужны, когда я построил свой каталог '' 'dist'''. Я закончил копирование всех каталогов angular2 и rxjs, чтобы сделать все файлы доступными для systemjs, после чего он начал работать. Спасибо всем! – hartpdx