Question

我正在使用Angular 4和angular/cli: 1.3.1构建一个Web应用程序 node: 10.7.0

我可以使用哪个插件来缩小我的应用程序的大小，因为vendor.bundle文件的大小约为8mb。我在应用程序中实现了延迟加载。

我正在使用以下方式从Jenkins构建应用程序：npm run build --prod --aot true --progress false

如果有人知道插件或有一些教程，那就太好了！

谢谢。

Answer 1

通常，您应该使用适当的CLI参数。如果是量产版，它将是

ng build --prod

在Angular生产中，构建文件被最小化和丑化。

您还询问了一些指南，因此我还提供了更多阅读内容：

https://angular.io/guide/deployment

https://medium.com/@kavisha.talsania/angular-development-vs-production-build-671b7fd5dbf4

Answer 2

在我的情况下，我使用以下命令

public class json {

public static void main(String[] args) throws Exception {
    try {
        // This creates a JsonReader object which allows for reading in JSON from a stream
        // You are creating this object with the input of a FileReader, establishing the input stream as that of the file "file"
        JsonReader jsonReader = new JsonReader(new FileReader("file"));

        Gson gson = new Gson();

        // This object stores the JSON result of reading in the input from the file "file" by using the jsonReader object to do so
        // Remember that the jsonReader uses a FileReader under the hood, because that is how you defined it
        JsonElement json = gson.fromJson(jsonReader, JsonElement.class);

        JsonArray array = json.getAsJsonObject().get("rows").getAsJsonArray();
        int length = array.size(); // This returns the number of elements in your JsonArray array and stores it in the length variable
        for (int i = 0; i < length; i++) {
            System.out.println(array.get(i).getAsJsonObject().get("automatic").getAsJsonObject().get("kernel").getAsJsonObject().get("release").getAsString());
        }

    } catch (IOException e) {
        e.printStackTrace();
    }
}

Answer 3

部分问题已解决。解决方案？以前，我们使用“ npm run build --prod --aot true -progress false”从jenkins进行构建，由于某种原因，该命令的供应商文件名为vendor.bundle.js，大小为8.3mb。现在，我通过“ ng build --prod --aot true --progress false”更改了该命令，供应商文件名为vendor.fdd67abb220f03081b41.bundle.js，大小为2.3mb。

有人知道为什么新供应商的名称中包含哈希吗？

如何缩小Angular 4 Web应用程序

3 个答案: