推送发布 Angular2 Quick Step 应用程序

Question

我是 Angular2 的新手。我已经按照快速入门指南创建了我的应用程序。

现在，我已准备好在我的服务器上进行生产。但是我有很多很多文件。

我发现是这样的：

但是我不明白。如果我创建 npm build，dist 文件夹不存在但不会发生错误。

如果我尝试使用 Gulp，我不明白。像这儿： http://blog.scottlogic.com/2015/12/24/creating-an-angular-2-build.html

是否有一种简单的方法可以在文件夹中创建发布文件并将其推送到网上，而无需之前使用许多命令？

Answer 1

我找到了一个解决方案：迁移到 Angular CLI。

这个 link 对我帮助很大： http://www.codingpedia.org/ama/fast-faster-angular-cli-how-i-converted-my-angular-project-to-use-angular-cli

我在 .angular.cli.json 中为 styles 和 scripts 添加了一些行。我输入 app 参数：

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "app/api",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.scss",
        "../src/assets/vendors/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/font-awesome/css/font-awesome.css",
        "../src/assets/vendors/iCheck/skins/flat/green.css",
        "../src/assets/build/css/custom.min.css"
      ],
      "scripts": [
          "../src/assets/vendors/jquery/dist/jquery.min.js",
          "../src/assets/vendors/bootstrap/dist/js/bootstrap.min.js",
          "../src/assets/vendors/datatables.net/js/jquery.dataTables.min.js",
          "../src/assets/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js",
          "../src/assets/vendors/datatables.net-buttons/js/dataTables.buttons.min.js",
          "../src/assets/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js",
          "../src/assets/vendors/datatables.net-buttons/js/buttons.flash.min.js",
          "../src/assets/vendors/datatables.net-buttons/js/buttons.html5.min.js",
          "../src/assets/vendors/datatables.net-buttons/js/buttons.print.min.js",
          "../src/assets/vendors/jszip/dist/jszip.min.js",
          "../src/assets/vendors/pdfmake/build/pdfmake.min.js",
          "../src/assets/vendors/pdfmake/build/vfs_fonts.js"
        ],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ]

我必须对其进行优化，但它现在可以正常工作了。

推送发布 Angular2 Quick Step 应用程序

Push in release Angular2 Quick Step application

publish

release

angular