Question

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

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

我发现了这个SO： How to bundle an Angular app for production

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

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

如果有一种简单的方法可以在文件夹中创建发布文件并在没有很多命令的情况下将其推送到网上？

Answer 1

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

此链接对我有很大帮助： http://www.codingpedia.org/ama/fast-faster-angular-cli-how-i-converted-my-angular-project-to-use-angular-cli

我在.angular.cli.json styles和scripts的{{1}}中添加了一些代码。我把我的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应用程序

1 个答案: