Minified angular2 - 有没有人成功完成这项任务?

时间:2016-04-01 16:55:58

标签: javascript typescript angular minify

我正在建立一个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"
  ]
}

1 个答案:

答案 0 :(得分:0)

我想我有答案。我在构建dist目录时挑选了我需要的文件。我最终复制了整个angular2rxjs目录以使所有文件可供SystemJS使用,然后它开始工作。谢谢大家!