Packaging and Blocking Method

Abstract

The invention discloses a packaging and block method, and belongs to the technical field of webpack packaging. The invention obtains an original page file; opens an original page directory corresponding to the original page file based on the original page file; traverses the original page file in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file; generates a page route based on the target page directory by a preset function; packages and blocks the target page file according to the page route, obtains the corresponding original page directory by opening the original page file, and traverses the original page directory by a preset traversal rule to obtain the target page directory and the target page file, processes the target page directory by a preset function to generate a page route, and packages and blocks the target page file according to the page route, and the packaging and block speed is fast and accurate, thereby improving the efficiency of packaging and block.

Description

Technical Field

[0001] The present invention relates to the technical field of webpack packaging, and in particular to a packaging and block splitting method. Background Art

[0002] Front-end web (World Wide Web) projects use frameworks and open source libraries. Codes are engineered, componentized, and modularly developed. From development to deployment, they need to be compiled and packaged by the Webpack tool before they can be loaded and accessed by the browser.

[0003] The existing packaging and block methods can only be divided and packaged according to the number of blocks, file size or manual division and packaging. When encountering large projects, the startup is slow and the refresh time after modifying the file is slow, which affects the development efficiency.

[0004] The above contents are only used to assist in understanding the technical solution of the present invention and do not constitute an admission that the above contents are prior art. Summary of the invention

[0005] The main purpose of the present invention is to provide a packaging and block method, aiming to solve the technical problem of low efficiency of manual block packaging in the prior art.

[0006] To achieve the above object, the present invention provides a packaging and block method, which comprises the following steps:

[0007] Get the original page file;

[0008] Opening the original page directory corresponding to the original page file based on the original page file;

[0009] Traversing the original page files in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file;

[0010] Generate a page route based on the target page directory through a preset function;

[0011] The target page file is packaged and divided into blocks according to the page route.

[0012] Optionally, obtaining the original page file includes:

[0013] When receiving a packaging instruction from a user, generating a packaging directory item according to the packaging instruction;

[0014] Obtaining packaging parameters according to the packaging directory item;

[0015] Obtain the name of the project to be packaged according to the packaging parameters;

[0016] The original page file is determined according to the name of the project to be packaged.

[0017] Optionally, traversing the original page files in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file includes:

[0018] Obtain the extension name of each file in the original page file;

[0019] Compare the extension names of the files with the preset extension names;

[0020] The file with the same extension name as the preset extension name is used as the target page file;

[0021] A corresponding target page directory is determined according to the target page file.

[0022] Optionally, generating a page route based on the target page directory by using a preset function includes:

[0023] Determine a corresponding directory structure tree based on the target page directory;

[0024] According to the mapping relationship between the directory structure tree and the page access path, the corresponding page access path is obtained;

[0025] Generate a corresponding lazy loading page route according to the page access path and preset loading rules.

[0026] Optionally, before traversing the original page files in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file, the method further includes:

[0027] Detecting whether there is exclusion information in the packaging directory item;

[0028] When there is exclusion information in the packaging directory item, obtaining a directory separator in the packaging directory item;

[0029] Determine the corresponding system according to the directory separator;

[0030] Corresponding exclusion parameters are generated according to the system.

[0031] Optionally, traversing the original page files in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file includes:

[0032] Determine an exclusion directory according to the exclusion parameters;

[0033] Excluding the original page directory through the exclusion directory, and determining the excluded original page file according to the excluded original page directory;

[0034] The original page files in the excluded original page directory are traversed according to a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file.

[0035] Optionally, packaging and dividing the target page file into blocks according to the page route includes:

[0036] Determine the block division rules through the page routing and the target page directory;

[0037] Obtaining an annotation name according to the block rule;

[0038] The target page file is packaged and divided into blocks according to the block rules and the annotation names.

[0039] The present invention obtains the original page file; opens the original page directory corresponding to the original page file based on the original page file; traverses the original page file in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file; generates a page route based on the target page directory through a preset function; packages and blocks the target page file according to the page route, obtains the corresponding original page directory by opening the original page file, and traverses the original page directory through a preset traversal rule to obtain the target page directory and the target page file, processes the target page directory through a preset function to generate a page route, and packages and blocks the target page file according to the page route, wherein the packaging and blocking speed is fast and accurate, thereby improving the efficiency of packaging and blocking. BRIEF DESCRIPTION OF THE DRAWINGS

[0040] Figure 1 This is a flow chart of a first embodiment of the packaging and block division method of the present invention;

[0041] Figure 2 This is a flow chart of a second embodiment of the packaging and block division method of the present invention;

[0042] Figure 3 This is a flow chart of a third embodiment of the packaging and block division method of the present invention;

[0043] Figure 4 This is a flow chart of a fourth embodiment of the packaging and block division method of the present invention;

[0044] Figure 5 This is a flow chart of a fifth embodiment of the packaging and block division method of the present invention;

[0045] Figure 6This is a schematic diagram of the overall process of packaging and block division in the fifth embodiment of the packaging and block division method of the present invention;

[0046] The realization of the purpose, functional features and advantages of the present invention will be further explained in conjunction with embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

[0047] It should be understood that the specific embodiments described herein are only used to explain the present invention, and are not used to limit the present invention.

[0048] The embodiment of the present invention provides a packaging and block method, referring to Figure 1 , Figure 1 It is a flowchart of the first embodiment of the packaging and blocking method of the present invention.

[0049] In this embodiment, the packaging and block splitting method includes the following steps:

[0050] Step S10: Obtain the original page file.

[0051] It should be noted that the executor of this embodiment can be a webpack packaging and segmentation platform. Webpack is a web front-end engineering packaging tool. It can also be other devices that can achieve the same or similar functions. This embodiment does not limit this.

[0052] In this embodiment, the original page file refers to all files of the entire business function page, which can be searched according to user needs. When the user needs to package a project file in the business function page, the project name can be obtained to obtain the original page file of the corresponding business function page.

[0053] Step S20: opening the original page directory corresponding to the original page file based on the original page file.

[0054] In a specific implementation, the original page directory is an index directory that includes the contents of all original page files. The original page files include the code for business functions. Since business functions have corresponding logic, the original page directory generated based on the original page files also has a mutually related and step-by-step expansion structure. The original page directory can be queried based on a certain project name to obtain the code files of all original pages related to this project name.

[0055] Step S30: traversing the original page files in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file.

[0056] It should be understood that the preset traversal rules are search and screening rules set in advance by the backend administrator, and can also be modified and updated according to user needs, such as searching for related files based on file suffix names or file extension names. The target page file is the page file obtained by searching and screening the original page file according to specific packaging requirements, and the target page directory is a directory structure that includes the specific content and name information of the target page file.

[0057] Step S40: Generate a page route based on the target page directory through a preset function.

[0058] It should be noted that the preset function is a function for generating page routes, which is set in advance by the administrator, such as the generate_projects_routes function, or other functions that can generate routes. This embodiment takes the generate_projects_routes function as an example for explanation. Since the business code is organized according to the directory structure based on the business function, there is a one-to-one correspondence between the directory structure and the page access path and the page route, and the corresponding page route can be generated according to the target page directory.

[0059] Step S50: Packing and dividing the target page file into blocks according to the page routing.

[0060] In a specific implementation, packaging and segmentation refers to splitting or merging the target page file into a number of files through page routing, and packaging a number of files and storing them in a routing file. When a user needs to access, he can directly search according to the page routing to improve the user experience.

[0061] This embodiment obtains the original page file; opens the original page directory corresponding to the original page file based on the original page file; traverses the original page file in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file; generates a page route based on the target page directory through a preset function; packages and blocks the target page file according to the page route, obtains the corresponding original page directory by opening the original page file, and traverses the original page directory through a preset traversal rule to obtain the target page directory and the target page file, processes the target page directory through a preset function to generate a page route, and packages and blocks the target page file according to the page route, and the packaging and blocking speed is fast and accurate, thereby improving the efficiency of packaging and blocking.

[0062] refer to Figure 2 , Figure 2 It is a flowchart of the second embodiment of the packaging and blocking method of the present invention.

[0063] Based on the first embodiment described above, step S10 of the packaging and block splitting method of this embodiment specifically includes:

[0064] Step S101: upon receiving a packaging instruction from a user, generating a packaging directory item according to the packaging instruction.

[0065] It should be understood that the packaging instruction is a trigger instruction generated after the user clicks the packaging button in the packaging platform according to specific packaging requirements. After receiving the packaging instruction sent by the user, a packaging directory item is generated according to the user's packaging instruction. The packaging directory item refers to the index information of the code that the user needs to package. The number and type of the code that the user needs to package can be known from the packaging directory item.

[0066] Step S102: obtaining packaging parameters according to the packaging directory item.

[0067] In this embodiment, the packaging parameter is the project information that the user needs to package, and the packaging parameter is the top-level directory name of the page file that needs to be packaged. For example, if the packaging directory item is the projects / crm directory, the packaging parameter is "crm".

[0068] Step S103: Obtain the name of the project to be packaged according to the packaging parameters.

[0069] In a specific implementation, the name of the project to be packaged is the specific project that the user needs to package. The specific project name can be determined according to the packaging parameters. For example, if the packaging parameter is "crm", all page files under the specified crm project name can be opened according to the "crm" packaging parameter.

[0070] Step S104: determining the original page file according to the name of the project to be packaged.

[0071] It should be noted that the original page file is all page files of the entire project obtained according to the name of the project to be packaged.

[0072] In this embodiment, for example, the user's packaging instruction is "generate all page paths under the src / projects directory", then the packaging directory item of src / projects can be generated according to this instruction, and the crm packaging parameter can be obtained according to the packaging directory item of src / projects. The project name to be packaged is determined to be the crm project name through the crm packaging parameter, and all page files under the crm directory are traversed through the crm project name, that is, the original page file.

[0073] This embodiment generates a packaging directory item according to the packaging instruction when receiving a packaging instruction from the user; obtains packaging parameters according to the packaging directory item; obtains the name of the project to be packaged according to the packaging parameters; determines the original page file according to the name of the project to be packaged, generates a specific packaging directory item according to the packaging instruction sent by the user, determines the packaging parameters according to the packaging directory item and obtains the name of the project to be packaged according to the packaging parameters, traverses the project names to be packaged, obtains the corresponding original page files, and can quickly determine the project files to be packaged according to the specific packaging parameters, and the search is fast.

[0074] refer to Figure 3 , Figure 3 It is a flowchart of the third embodiment of the packaging and blocking method of the present invention.

[0075] Based on the first embodiment, step S30 of the packaging and block method of this embodiment specifically includes:

[0076] Step S301: Obtain the extension name of each file in the original page file.

[0077] In this embodiment, the extension name is a way to indicate the file type, also called the file suffix name. For example, in the file name of "document.txt", document is the main file name, and txt (Text) is the extension name, indicating that this file is a plain text file. The original page file contains various files, such as .css files, .js files, .vue files, etc., which can be queried and filtered by the file extension name according to the specific needs of the user.

[0078] Step S302: Compare the extension names of the files with the preset extension names.

[0079] It should be understood that the preset extension name is the extension name of the file to be packaged that is set in advance by the user according to specific project requirements, such as the .css extension name, the .js extension name, the .vue extension name, etc. In this embodiment, the .vue extension name is used as an example as the preset extension name.

[0080] In a specific implementation, after the extension name of each file in the original page file is obtained, the extension name of each file is compared with the preset extension name.

[0081] Step S303: taking the file whose extension name is consistent with the preset extension name as the target page file.

[0082] It should be noted that the target page file is the file that the user needs to package. When the extension name of the page file in the original page file is consistent with the preset extension name, the file with the extension name consistent with the preset extension name is used as the target page file for screening the target page file packaging.

[0083] In this embodiment, when the extension name is inconsistent with the preset extension name, the traversal of this file is directly skipped, and the search and screening of the next file is performed. When traversing, the extension name of each file in the original page file can be directly searched to determine whether the extension name of each file ends with the ".vue" extension name. When the extension name of the page file ends with the ".vue" extension name, this page file is used as the target page file.

[0084] Step S304: determining a corresponding target page directory according to the target page file.

[0085] In a specific implementation, after the page file to be packaged is obtained, the location of the page file can be obtained, and the target page directory corresponding to the page file location can be obtained.

[0086] This embodiment obtains the extension name of each file in the original page file; compares the extension name of each file with a preset extension name; uses the file with the extension name consistent with the preset extension name as the target page file; determines the corresponding target page directory according to the target page file, compares the extension name of each file with the extension name of the file that the user needs to package, and when the extension names are consistent, uses the page file corresponding to the consistent extension name as the target page file, and obtains the page directory corresponding to the target page file, and filters the files by extension name, so as to find the files that need to be packaged accurately and quickly.

[0087] refer to Figure 4 , Figure 4 It is a flowchart of the fourth embodiment of the packaging and blocking method of the present invention.

[0088] Based on the first embodiment, step S40 of the packaging and block splitting method in this embodiment specifically includes:

[0089] Step S401: determining a corresponding directory structure tree based on the target page directory.

[0090] It should be understood that the directory structure tree is a page directory structure generated according to a specific business function, and the directory structure tree corresponds to the specific location of the target page file.

[0091] Step S402: Obtain the corresponding page access path according to the mapping relationship between the directory structure tree and the page access path.

[0092] It should be noted that after traversing the target page directory, the access path of the target page file and the corresponding directory structure tree can be obtained. The code in the target page file is generated according to the specific business function and organized according to the directory structure tree. There is a one-to-one mapping relationship between the directory structure tree and the page access path of the file, so the corresponding page access path can be obtained according to the directory structure tree.

[0093] Step S403: Generate a corresponding lazy loading page route according to the page access path and preset loading rules.

[0094] In specific implementation, the preset loading rules can be set by the staff according to the file size and number of the target page files, or according to user needs, such as loading only the user login page, loading only the user query page, etc. The lazy loading page routing does not load all page resources for the home page, and automatically loads the resources required for the page when the user opens the page.

[0095] In this embodiment, the page access path that needs to be set can be determined based on each page access path and the preset loading rules, and the corresponding lazy loading page route can be generated for the page access path that needs to be set. If the user has not set the loading rules and the number of target page files that need to be packaged is not large, then all page access paths can be generated into corresponding page routes.

[0096] Furthermore, after the corresponding page route is generated, the target page file can be packaged according to the generated page route, and the packaging and dividing of the target page file according to the page route specifically includes: determining a block rule through the page route and the target page directory; obtaining an annotation name according to the block rule; and packaging and dividing the target page file into blocks according to the block rule and the annotation name.

[0097] It should be understood that since the page route is generated according to the target page directory, the block rule is a block method set according to the block logic corresponding to the target page directory. For example, the corresponding directory level is obtained according to the page directory, and the number of blocks is determined according to the directory level. The comment name is the naming data after the target page file is packaged. The corresponding comment name can be obtained according to the block rule. For example, if the target page directory is crm_user, the number of blocks can be determined according to the number of subdirectories under crm_user, and the comment name can be obtained through the subdirectory name of crm_user. The target page file is packaged and divided into blocks through the comment name and block rule. The route generated by the code is a lazy loading route generated according to the directory structure tree, and the block name is automatically named according to the directory structure tree.

[0098] This embodiment determines the corresponding directory structure tree based on the target page directory; obtains the corresponding page access path according to the mapping relationship between the directory structure tree and the page access path; generates the corresponding lazy loading page route according to the page access path and the preset loading rules, obtains the corresponding page access path through the one-to-one correspondence between the directory structure tree and the page access path, performs routing configuration through the page access path, and generates the lazy loading page route to be loaded according to the preset loading rules, so that the directory structure can be adjusted conveniently, the route can be generated at any time, and the route generation time is shortened.

[0099] refer to Figure 5 , Figure 5 It is a flowchart of the fifth embodiment of the packaging and blocking method of the present invention.

[0100] Based on the first and third embodiments, the packaging and block splitting method of this embodiment further includes, before step S30:

[0101] Step S31: Detect whether there is exclusion information in the packaging directory entry.

[0102] It should be noted that the exclusion information is the page file information that needs to be excluded provided by the user when sending the packaging instruction. After the packaging directory item is generated according to the packaging instruction, it can be checked whether there is the exclusion information set by the user in the packaging directory item.

[0103] Step S32: when there is exclusion information in the packaging directory entry, obtain the directory separator in the packaging directory entry.

[0104] It should be understood that the directory separator is a method of excluding unnecessary directories in the original page directory. When the user sets exclusion information, the exclusion information can be queried in the packaged directory item, and the directory separator in the packaged directory item is obtained to filter unnecessary directory data through the directory separator.

[0105] Step S33: Determine the corresponding system according to the directory separator.

[0106] In specific implementation, different operating systems have different corresponding directory paths and file paths. The directory separator of the Windows system is "\\" in the code, for example, "D:\\folder1\\folder2\\filename.extension", and the directory separator of other operating systems is " / ", for example, " / D / folder1 / folder2 / filename.extension". The system currently used by the user can be determined based on the directory separator.

[0107] Step S34: Generate corresponding exclusion parameters according to the system.

[0108] In this embodiment, corresponding exclusion parameters can be generated according to different systems, and the exclusion parameters are the names of excluded items set by the administrator according to the needs of the user. Furthermore, when there is exclusion information in the packaged directory item, the original page files in the original page directory are traversed based on the preset traversal rules to obtain the target page file and the target page directory corresponding to the target page file, which specifically includes: determining the exclusion directory according to the exclusion parameters; excluding the original page directory through the exclusion directory, and determining the excluded original page file according to the excluded original page directory; traversing the original page files in the excluded original page directory according to the preset traversal rules to obtain the target page file and the target page directory corresponding to the target page file.

[0109] It should be noted that the excluded directory is a directory that does not need to be packaged. The name of the directory to be excluded is obtained according to the name of the excluded project, and the original page directory is excluded according to the excluded directory to obtain the excluded page directory and the corresponding page file. Then, the excluded page directory is traversed according to the packaging parameters to obtain the target page directory and the corresponding target page file that need to be packaged.

[0110] like Figure 6 As shown, Figure 6 The schematic diagram of the overall process of packaging and segmentation in this embodiment is as follows. After obtaining the user's packaging instruction, a packaging directory item is generated, and the directory where the page file is located is opened according to the packaging directory item. All files and directories under the page file directory are traversed by setting packaging parameters. When the extension name of the page file is consistent with the preset extension name and no exclusion information is detected, it is determined that this page file is a page file that needs to be packaged and does not need to be excluded. Then, the name of the page file directory is converted into a webpack segmentation comment name, and the page file is packaged through the page route, and the page route is saved to the route file until all the page files are traversed.

[0111] This embodiment detects whether there is exclusion information in the packaging directory item; when the exclusion information exists in the packaging directory item, obtains the directory separator in the packaging directory item; determines the corresponding system according to the directory separator; generates corresponding exclusion parameters according to the system, and detects whether there is exclusion information in the packaging directory item. When it is detected that there is exclusion information in the packaging directory item, an exclusion directory is configured to exclude the page directory that does not currently need to be packaged, thereby improving the speed of refreshing the browser after development startup and page modification.

[0112] It should be understood that the above is only an example and does not constitute any limitation on the technical solution of the present invention. In specific applications, technicians in this field can make settings as needed, and the present invention does not limit this.

[0113] It should be noted that the workflow described above is merely illustrative and does not limit the scope of protection of the present invention. In practical applications, technicians in this field can select part or all of them according to actual needs to achieve the purpose of the present embodiment, and no limitation is made here.

[0114] In addition, for technical details that are not described in detail in this embodiment, please refer to the packaging and block division method provided in any embodiment of the present invention, and will not be repeated here.

[0115] In addition, it should be noted that, in this article, the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article or system including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or system. In the absence of further restrictions, an element defined by the sentence "comprises a ..." does not exclude the existence of other identical elements in the process, method, article or system including the element.

[0116] The serial numbers of the above embodiments of the present invention are only for description and do not represent the advantages or disadvantages of the embodiments.

[0117] The above are only preferred embodiments of the present invention, and are not intended to limit the patent scope of the present invention. Any equivalent structure or equivalent process transformation made using the contents of the present invention specification and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present invention.

Claims

1. A packaging and block method, characterized in that: The packaging and block method comprises: Get the original page file; Opening the original page directory corresponding to the original page file based on the original page file; Traversing the original page files in the original page directory based on a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file; Generate a page route based on the target page directory through a preset function; The generating a page route based on the target page directory by using a preset function includes: Determine a corresponding directory structure tree based on the target page directory; According to the mapping relationship between the directory structure tree and the page access path, the corresponding page access path is obtained; Generate a corresponding lazy loading page route according to the page access path and preset loading rules; Packing and dividing the target page file into blocks according to the page route; Before traversing the original page files in the original page directory based on the preset traversal rule to obtain the target page file and the target page directory corresponding to the target page file, the method further includes: Check whether there is exclusion information in the package directory item; When there is exclusion information in the packaging directory item, obtaining a directory separator in the packaging directory item; Determine the corresponding system according to the directory separator; generating corresponding exclusion parameters according to the system; The step of packaging and dividing the target page file into blocks according to the page routing includes: Determine the block division rules through the page routing and the target page directory; Obtaining an annotation name according to the block rule; The target page file is packaged and divided into blocks according to the block rules and the annotation names.

2. The packaging and block division method according to claim 1, characterized in that: The obtaining of the original page file comprises: When receiving a packaging instruction from a user, generating a packaging directory item according to the packaging instruction; Obtaining packaging parameters according to the packaging directory item; Obtain the name of the project to be packaged according to the packaging parameters; The original page file is determined according to the name of the project to be packaged.

3. The packaging and block division method according to claim 1, characterized in that: The traversing the original page files in the original page directory based on the preset traversal rule to obtain the target page file and the target page directory corresponding to the target page file includes: Obtain the extension name of each file in the original page file; Compare the extension names of the files with the preset extension names; The file with the same extension name as the preset extension name is used as the target page file; A corresponding target page directory is determined according to the target page file.

4. The packaging and block division method according to claim 1, characterized in that: The traversing the original page files in the original page directory based on the preset traversal rule to obtain the target page file and the target page directory corresponding to the target page file includes: Determine an exclusion directory according to the exclusion parameters; Excluding the original page directory through the exclusion directory, and determining the excluded original page file according to the excluded original page directory; The original page files in the excluded original page directory are traversed according to a preset traversal rule to obtain a target page file and a target page directory corresponding to the target page file.

Images