如何分析Egret中的config.ts

本篇文章給大家分享的是有關如何分析Egret中的config.ts，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

一 : 前言

關于項目中的config 其實與build / publish有關, 如下

①, config.ts與web平臺有關
②, config.wxgame.ts與wxgame有關
現只講解config.ts 中的publish的文件壓縮方法

二 : 文件壓縮(主要是egret類庫)

在command == 'publish'模塊中

            const outputDir = `bin-release/web/${version}`;
            return {
                outputDir,
                commands: [
                    new CustomPlugin(),
                    new CompilePlugin({ libraryType: "release", defines: { DEBUG: false, RELEASE: true } }),
                    new ExmlPlugin('commonjs'), // 非 EUI 項目關閉此設置contents
                    new UglifyPlugin([
                        {
                            // 需要被壓縮的文件
                            sources: [
                                "libs/modules/egret/egret.min.js",
                                "libs/modules/egret/egret.web.min.js",
                                "libs/modules/res/res.min.js",
                                "libs/modules/tween/tween.min.js",
                                "libs/modules/game/game.min.js",
                                "libs/modules/promise/promise.min.js",
                                "libs/modules/eui/eui.min.js",
                                "libs/modules/socket/socket.min.js",
                                "libs/modules/jszip/jszip.min.js"
                            ],
                            // 壓縮后的文件
                            target: "lib.main.min.js"
                        },
                        {
                            sources: ["main.js"],
                            target: "main.min.js"
                        }
                    ]),
                    new RenamePlugin({
                        verbose: true, hash: 'crc32', matchers: [
                            { from: "**/*.js", to: "[path][name]_[hash].[ext]" }//hash
                        ]
                    }),
                    // new ResPlugin(),
                    new ManifestPlugin({ output: "manifest.json" })
                ]
            }

壓縮JS文件需要使用UplifyPlugin插件 , 如上代碼(如下圖)

三 : 好處

①減少請求次數
②隱藏類庫代碼

以上就是如何分析Egret中的config.ts，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。