我正在建立一个angular2应用程序,并开始处理我的构建/缩小过程。我可以在开发模式下成功构建和运行我的应用程序,使用单独的JS文件,这些文件是无限制的。但是,当我将它们构建为单个连接文件时,我的应用程序将无法运行。我得到的只是一个空白页面,控制台上没有错误。我尝试过webpack,gulp等,在浏览器中运行时都有相同的结果。
我很好奇是否有人让这个工作了吗?或者有任何建议吗?
我在编译的JS(来自typescript)中注意到的一件事是引导调用存在,但是如果我设置了一个断点,则永远不执行。
我正在将我的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 :(得分:0)
我想我有答案。我在构建dist
目录时挑选了我需要的文件。我最终复制了整个angular2
和rxjs
目录以使所有文件可供SystemJS使用,然后它开始工作。谢谢大家!