2016-04-01 2 views
1

Я создаю приложение 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" 
    ] 
} 
+0

Известные проблемы с минимизацией https://github.com/angular/angular/search?q=minified&state=open&type=Issues&utf8=%E2%9C%93 –

+0

Я думаю, что у меня есть мой ответ. Я выбрал вишню для файлов, которые мне нужны, когда я построил свой каталог '' 'dist'''. Я закончил копирование всех каталогов angular2 и rxjs, чтобы сделать все файлы доступными для systemjs, после чего он начал работать. Спасибо всем! – hartpdx

ответ

0

Я думаю, что у меня есть ответ. Я выбрал вишневые файлы, которые мне нужны, когда я построил свой каталог dist. Я закончил копирование всех каталогов angular2 и rxjs, чтобы сделать все файлы доступными для SystemJS, после чего он начал работать. Спасибо всем!

Смежные вопросы