CN110413272B - Front-end project construction method, device, storage medium and equipment - Google Patents

Abstract

The embodiment of the invention discloses a front-end project construction method, a front-end project construction device, a storage medium and equipment. Wherein the method comprises the following steps: determining a current target page in a target item to be constructed, merging sub-configuration information corresponding to the current target page to obtain target configuration information, wherein the sub-configuration information comprises public construction configuration information and private construction configuration information, and carrying out corresponding construction operation on the current target page according to the target configuration information. According to the technical scheme provided by the embodiment of the invention, the target pages in the target project do not need to be completely and commonly configured, personalized configuration of the target pages is realized through private construction configuration information, and the flexibility of the construction process of the multi-page application program project is improved.

Description

Front-end project construction methods, devices, storage media and equipment

Technical field

Embodiments of the present invention relate to the field of computer technology, and in particular to front-end project construction methods, devices, storage media and equipment.

Background technique

Front-end development includes the process of creating front-end interfaces such as Web pages to present to users, and realizing user interface interaction of Internet products. A web application is an application that can be accessed through the Web. Currently, web page applications include single page applications (Single Page Application, SPA) and multi-page applications (Muti-page Application, MPA). SPA means that the entire web application has only one page, and content switching is implemented in the form of partial updates. MPA means that the entire web application is composed of multiple pages, and content switching is mainly achieved by switching between different pages.

The construction and implementation of current mainstream front-end frameworks mostly target SPA projects. However, in actual business projects, in some projects, there are few business relationships between different pages and few jumps between each other. Users only need to visit one or several pages. To achieve the goal, this kind of project is more suitable for MPA to implement. At present, MPA also mainly uses the front-end framework that supports SPA. Some developers continue to use the original construction tools of SPA. In order to support the construction of multi-pages, it is often implemented in two ways: first, all entry programs and templates are configured directly declare in; second, collect the entry program and template page from the agreed directory when the build is started and write them into the configuration. Both solutions have only one set of configurations, which have poor flexibility and need to be improved.

Contents of the invention

Embodiments of the present invention provide front-end project construction methods, devices, storage media and equipment, which can solve the problem of poor flexibility in the construction process of multi-page application projects in the prior art.

In a first aspect, embodiments of the present invention provide a front-end project construction method, which method includes:

Determine the current target page in the target project to be built, wherein the target project contains at least two target pages;

Merge the sub-configuration information corresponding to the current target page to obtain target configuration information, where the sub-configuration information includes public build configuration information and private build configuration information, and the public build configuration information includes all target pages in the target project Shared build configuration information, the private build configuration information includes build configuration information unique to the current target page compared to other target pages in the target project;

Perform corresponding construction operations on the current target page according to the target configuration information.

In a second aspect, embodiments of the present invention provide a front-end project construction device, which includes:

A page determination module, used to determine the current target page in the target project to be built, wherein the target project contains at least two target pages;

The configuration merging module is used to merge the sub-configuration information corresponding to the current target page to obtain the target configuration information, wherein the sub-configuration information includes public build configuration information and private build configuration information, and the public build configuration information includes the Build configuration information common to all target pages in the target project, and the private build configuration information includes build configuration information unique to the current target page compared to other target pages in the target project;

A construction module, configured to perform corresponding construction operations on the current target page according to the target configuration information.

In a third aspect, embodiments of the present invention provide a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the front-end project construction method provided by the embodiment of the present invention is implemented.

In a fourth aspect, embodiments of the present invention provide a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, the present invention is implemented. The front-end project construction method provided by the embodiment.

The front-end project construction solution provided in the embodiment of the present invention determines the current target page in the target project to be built during the construction process of the multi-page application project, and merges the sub-configuration information corresponding to the current target page to obtain the target configuration information. , among which, the sub-configuration information includes public build configuration information and private build configuration information. The public build configuration information includes the build configuration information common to all target pages in the target project. The private build configuration information includes the current target page compared to other targets in the target project. Build configuration information unique to the target page, and perform corresponding build operations for the current target page based on the target configuration information. By adopting the above technical solution, each target page in the target project does not need to completely share the same set of configurations. The personalized configuration of each target page is achieved through private build configuration information, which improves the flexibility of the multi-page application project construction process.

Description of the drawings

Figure 1 is a schematic flow chart of a front-end project construction method provided by Embodiment 1 of the present invention;

Figure 2 is a schematic flow chart of a front-end project construction method provided in Embodiment 2 of the present invention;

Figure 3 is a schematic flow chart of a front-end project construction method provided in Embodiment 3 of the present invention;

Figure 4 is a schematic diagram of the file directory structure of a target project provided in Embodiment 3 of the present invention;

Figure 5 is a schematic flow chart of a front-end project construction method provided in Embodiment 4 of the present invention;

Figure 6 is a structural block diagram of a front-end project construction device provided in Embodiment 5 of the present invention;

Figure 7 is a structural block diagram of a computer device provided in Embodiment 7 of the present invention.

Detailed ways

The present invention will be further described in detail below in conjunction with the accompanying drawings and examples. It can be understood that the specific embodiments described here are only used to explain the present invention, but not to limit the present invention. In addition, it should be noted that, for convenience of description, only some but not all structures related to the present invention are shown in the drawings. In addition, the embodiments and features of the embodiments of the present invention may be combined with each other without conflict.

Before discussing example embodiments in more detail, it should be mentioned that some example embodiments are described as processes or methods depicted as flowcharts. Although the flowcharts depict steps as a sequential process, many of the steps may be performed in parallel, concurrently, or simultaneously. Additionally, the order of steps can be rearranged. The process may be terminated when its operation is completed, but may also have additional steps not included in the figures. The processing may correspond to a method, function, procedure, subroutine, subroutine, or the like.

Embodiment 1

Figure 1 is a schematic flowchart of a front-end project construction method provided in Embodiment 1 of the present invention. The method can be executed by a front-end project construction device, where the device can be implemented by software and/or hardware, and can generally be integrated in a computer device. As shown in Figure 1, the method includes:

Step 101: Determine the current target page in the target project to be built, where the target project contains at least two target pages.

For example, the project in the embodiment of the present invention may include a multi-page Web application, referred to as a multi-page application or MPA, and the target project may be a multi-page application that currently needs to be built. The target page may include pages in the target project that need to be constructed using the technical solution of the embodiment of the present invention. The target project may include multiple pages, and the target page may be all or part of the pages included in the target project. That is, the target project may Including other pages other than the target page, other pages can be constructed using technical solutions other than the embodiments of the present invention, and are not specifically limited in the embodiments of the present invention.

For example, the current target page may refer to the target page that currently needs to be constructed. The construction order of each target page in the target project may be predetermined, and the current target page may be determined based on the construction order. Optionally, other methods may be used to determine the current target page, such as being specified by a developer, which is not specifically limited in this embodiment of the present invention.

For example, in the embodiment of the present invention, a self-created construction tool can be used, or an existing construction tool can be improved, such as Vue webpack, a Vue framework construction tool. The specific construction tool is not limited in the embodiment of the present invention.

Step 102: Merge the sub-configuration information corresponding to the current target page to obtain the target configuration information.

Wherein, the sub-configuration information includes public build configuration information and private build configuration information. The public build configuration information includes build configuration information common to all target pages in the target project. The private build configuration information includes the current target page. Build configuration information unique to other target pages in the target project.

In related technologies, when building a web application, an entry program and a template page will be involved. The entry program refers to the program that is first executed by the application process. Front-end construction tools often need to specify the entry program to work correctly. SPA has a single main entrance program, and MPA generally has one entrance program for each page. The template page refers to the template that generates the actual page. SPA generally has only one template page, and MPA has multiple template pages. When building an MPA project, a front-end framework that supports SPA is generally used. Developers continue to use SPA's original construction tools. In order to support multi-page construction, a manual method is generally adopted in which all entry programs and templates are directly declared in the configuration. , or the automatic method of collecting entry programs and template pages from the agreed directory and writing them into the configuration when the build is started. The above two methods only have one set of configurations and have poor flexibility. In order to realize the configuration differences between different pages, It may be necessary to make a lot of conditional judgments in the configuration. As the project grows, the build configuration may become more and more complex, affecting development and construction efficiency. In addition, when adding pages, etc., the entire configuration needs to be changed, further affecting the for flexibility and efficiency in construction.

In the embodiment of the present invention, two parts of sub-configuration information are set for a target page. One part is the build configuration information common to all target pages in the target project. In the embodiment of the present invention, it is called public build configuration information or basic build configuration information. Public build configuration information is used when building each target page. In addition, in order to ensure the flexibility of project construction and take into account the personalized differences of each target page, the other part is the unique construction configuration information of the current target page compared with other target pages in the target project. In the embodiment of the present invention, it is called For private build configuration information, the corresponding private build configuration information is needed during the construction process of the current target page, but the corresponding build configuration information of the current target page is not required during the construction process of other target pages. When you need to build for the current target page, you can obtain the sub-configuration information corresponding to the current target page and merge it, or directly merge the previously obtained sub-configuration information corresponding to the current target page to obtain the target configuration corresponding to the current target page. information. Among them, the merge operation can be implemented through existing functions or interfaces in the build tool, or by writing a function in the build tool for merging sub-configuration information, which can be called a merge function, and inputs the sub-configuration information corresponding to the current target page. Go to the merge function to get the target configuration information.

Step 103: Perform corresponding construction operations on the current target page according to the target configuration information.

For example, a construction instance of the current target page can be started, and the current target page can be built according to the target configuration information. Specifically, the target configuration information can be passed into the preset construction function to realize the construction of the current target page. The preset build function can be understood as a build program, which automatically completes the corresponding build operations. The construction process may also involve page template files, entry files (and entry programs mentioned above) corresponding to the current target page, other source files or source codes, etc., which are not specifically limited in the embodiment of the present invention.

The front-end project construction method provided in the embodiment of the present invention determines the current target page in the target project to be built during the construction process of the multi-page application project, and merges the sub-configuration information corresponding to the current target page to obtain the target configuration information. , among which, the sub-configuration information includes public build configuration information and private build configuration information. The public build configuration information includes the build configuration information common to all target pages in the target project. The private build configuration information includes the current target page compared to other targets in the target project. Build configuration information unique to the target page, and perform corresponding build operations for the current target page based on the target configuration information. By adopting the above technical solution, each target page in the target project does not need to completely share the same set of configurations. The personalized configuration of each target page is achieved through private build configuration information, which improves the flexibility of the multi-page application project construction process.

Based on the above embodiments, further optimization can be performed to divide the target page based on the target module, and further refine the private build configuration information to include module build configuration information and page build configuration information, thereby further improving multi-page application project construction. Process flexibility and the ability to meet varying degrees of differentiated needs.

Exemplarily, the target project includes at least two target modules, each target module contains at least two target pages, the private build configuration information includes module build configuration information and page build configuration information, and the module build configuration information It includes construction configuration information that is unique to the current target module compared to other target modules in the target project and common to all target pages in the current target module. The page construction configuration information includes construction configuration information that is unique to the current target page compared to the belonging to it. Build configuration information unique to other target pages in the target module. Among them, a module can refer to a collection of pages belonging to the same category, as if they belong to a certain business. Dividing based on modules allows pages to be organized according to modules. The page structure is clear and visible at a glance, making it easy to develop and build. The target module can be the module that needs to be built in the target project. For a target module containing a target page, due to the same category, there will generally be some identical configurations. Therefore, embodiments of the present invention can further extract the configuration information common to all target pages in the same target module as a module To build configuration information, the remaining configuration information required for a target page is used as the unique configuration information of the target page, which is called page building configuration information. In this way, the configuration information required to build a target page can be divided into deeper layers, thereby further improving the flexibility of the multi-page application project construction process, meeting different levels of differentiated needs, and avoiding too many settings in the configuration. Conditional judgment and simplified configuration logic are beneficial to improving development and construction efficiency.

Figure 2 is a schematic flow chart of a front-end project construction method provided in Embodiment 2 of the present invention. It is optimized based on the above embodiment and adds related steps such as obtaining the configuration file corresponding to the sub-configuration information.

Exemplarily, before determining the current target page in the target project to be built, the method further includes: obtaining configuration files corresponding to all sub-configuration information contained in the target project, and storing the configuration files in the target project. in the corresponding file directory. Among them, the configuration file can be written by the developer in the computer device, so that the computer device can obtain the configuration file; the configuration file can also be a file that has been written and directly transferred to the computer device, for example, when the current target project and other projects When the framework is the same, the configuration file of the other project can be directly transferred to the computer device. In addition, the developer can also be allowed to modify the incoming configuration file in the computer device to obtain the configuration file for the current target project. The benefit of the improvement here is that the sub-configuration information of the target page can be reasonably managed.

Further, before merging the sub-configuration information corresponding to the current target page, the method further includes: reading the configuration file corresponding to the current target page to obtain the sub-configuration information corresponding to the current target page. The advantage of this setting is that the sub-configuration information corresponding to the target page can be obtained clearly and quickly. The embodiment of the present invention does not limit the order of obtaining various sub-configuration information and the sequence relationship with other steps, and can be set according to actual needs.

Optionally, as shown in Figure 2, the method may include:

Step 201: Obtain the configuration files corresponding to all sub-configuration information contained in the target project to be built, and store the configuration files in the file directory corresponding to the target project.

For example, the configuration file can be pre-written and the written configuration file can be declared. The configuration file may include a public build configuration file, a module build configuration file and a page build configuration file, respectively corresponding to public build configuration information, module build configuration information and page build configuration information. Optionally, the public build configuration file can be stored in the root directory of the file directory corresponding to the target project, and the module build configuration file can be stored in the folder of the target module. The folder of the target page is a subfolder of the folder of the target module. Folder, page building configuration files can be stored under the target page.

Step 202: Read the public build configuration file and obtain the public build configuration information.

Step 203: Determine the current target module, and read the module construction configuration file corresponding to the current target module to obtain the module construction configuration information.

Step 204: Determine the current target page, and read the page construction configuration information corresponding to the current target page.

Step 205: Merge public build configuration information, module build configuration information, and page build configuration information to obtain target configuration information corresponding to the current target page.

Step 206: Pass the target configuration information into the preset construction function to realize the construction of the current target page.

Optionally, the default build function is stored in the root directory of the file directory corresponding to the target project so that it can be shared by all target pages in the target project. The advantage of this setting is that different modules and different pages can share the construction program. By passing in your own configuration information, you can complete the personalized construction and simplify the directory structure.

The front-end project construction method provided by the embodiment of the present invention divides the configuration information of the target page in the target project into public construction configuration information, module construction configuration information and page construction configuration information, and each is pre-written and stored in the corresponding configuration file, which can Reasonably manage the sub-configuration information of the target page. When it is necessary to build the target page, quickly read it from the corresponding configuration files and merge them. Use the merged target configuration information to complete the construction of the target page, which can effectively improve Flexibility in the multi-page application project building process and improve development and build efficiency.

Figure 3 is a schematic flow chart of a front-end project construction method provided in Embodiment 3 of the present invention. The embodiment of the present invention optimizes the method based on the above embodiment and improves the construction process of the target project.

Exemplarily, determining the current target page in the target project to be built includes: determining the current target page according to the build target configuration file corresponding to the target project to be built, wherein the build target configuration file contains the target Property information of all target modules in the project and property information of all target pages in each target module. The attribute information may include name or code, etc. The build target configuration file can be understood as a personalized configuration file for the target project. The advantage of this setting is that by setting the build target file, the relationship between each target module and each target page can be reasonably managed, and at the same time, it is convenient to determine the construction sequence of each target module and each target page.

Further, before determining the current target page according to the build target configuration file corresponding to the target project to be built, it also includes: obtaining the build target configuration file corresponding to the target project, and storing the build target configuration file in the in the file directory corresponding to the above target project. The advantage of this setting is that it facilitates reasonable setting of the organizational structure of the target project and makes it easy to read during the build process.

Further, after performing a corresponding construction operation on the current target page according to the target configuration information, it also includes: if it is determined that there is an unconstructed target page in the target module to which the current target page belongs, then constructing the next target page. The page is determined as the new current target page, and the related operations of merging the sub-configuration information corresponding to the current target page are repeatedly performed. The advantage of this setting is that the target pages in the target module are constructed sequentially in a predetermined order to avoid omissions.

Further, after performing a corresponding construction operation on the current target page according to the target configuration information, it also includes: if it is determined that all target pages in the target module to which the current target page belongs have been constructed, determine whether there is If an unbuilt target module exists, the first target page in the next target module is determined as the new current target page, and the related operations of merging the sub-configuration information corresponding to the current target page are repeatedly performed. The advantage of this setting is that the target modules are built sequentially in a predetermined order to avoid omissions.

Optionally, as shown in Figure 3, the method may include:

Step 301: Obtain the configuration files corresponding to all sub-configuration information contained in the target project to be built and the build target configuration file, and store the configuration files and the build target configuration file in the file directory corresponding to the target project.

For example, the target module and target page can be set in the build target configuration file, indicating the name of the target module and the name of the target page (such as the page title). For example:

{

moduleA:"*",//Build all pages of the current module

moduleB:["pageA","pageB","pageC"]//Build the specified page of the current module

}

It includes target module A and target module B. All pages in target module A are target pages, and page A, page B, and page C in target module B are target pages.

Exemplarily, Figure 4 is a schematic diagram of the file directory structure of a target project provided in Embodiment 3 of the present invention. As shown in Figure 4, the public build configuration file (ie, the basic build configuration file) is stored under the configuration file in the directory structure. , there can also be other files under the configuration file that are referenced by the basic construction configuration file. Take target module A (moduleA) as an example. The module construction configuration file of moduleA is stored in the folder of moduleA. The folder of the target page A (pageA) in moduleA is a subfolder of the moduleA folder. The page construction configuration file of pageA is The file is stored in the folder of pageA. Build target configuration files are stored at the root of the directory structure.

Step 302: Read the public build configuration file to obtain the public build configuration information.

Step 303: Read the build target configuration file and determine the target module and target page.

Step 304: Determine the current target module, and read the module construction configuration file corresponding to the current target module to obtain the module construction configuration information.

For example, when this step is executed for the first time, the current target module is the first target module specified in the build target configuration file.

Step 305: Read the page construction configuration information corresponding to each target page in the current target module in sequence.

Step 306: For each target page in the current target module, merge the current target page's public build configuration information, module build configuration information, and page build configuration information to obtain target configuration information corresponding to the current target page.

Step 307: Start the construction instance of the current target module to complete the construction of all target pages in the current target module.

For example, the target configuration information can be passed into the build program to complete the corresponding build operation. As shown in Figure 4, the build program is stored in the root directory of the file directory and can be shared by the target pages in all target modules in the target project.

Optionally, you can also start the construction of a target page after merging the sub-configuration information corresponding to the target page. After the construction is completed, merge the sub-configuration information corresponding to the next target page.

Step 308: Determine whether there is an unbuilt target module. If so, return to step 304; otherwise, end the process.

For example, it can be determined whether all the target modules determined in step 303 have been built. If so, there are no unbuilt target modules.

The front-end project construction method provided by the embodiment of the present invention determines the target module and target page by reading the construction target configuration file of the target project, and sequentially completes the construction of the target page in each target module. When building each target page , first obtain the corresponding public build configuration information, module build configuration information, and page build configuration information. After merging into the target configuration information, the construction is completed through a shared build program, which can effectively improve the flexibility and construction efficiency of the entire target project.

Figure 5 is a schematic flowchart of a front-end project construction method provided in Embodiment 4 of the present invention. This embodiment of the present invention further optimizes the method based on the above embodiment, which can take into account both project development and construction and improve overall efficiency.

Exemplarily, the method provided by the embodiment of the present invention may also include: detecting whether it is currently in the development stage; if so, when monitoring changes in the configuration file or build target configuration file in the target project, determine the change page; The changed page is determined as the new current target page, and the related operations of merging the sub-configuration information corresponding to the current target page are repeatedly performed. The advantage of this setting is that development and construction can be carried out independently. When the configuration file in the target project or the build target configuration file changes during the development process, the corresponding target page can be rebuilt in time to ensure the update efficiency of the project.

Further, the detecting whether it is currently in the development stage includes: when it is determined that all target modules in the target project have been built, detecting whether it is currently in the development stage. The advantage of this setting is that it can further ensure the stability of the build process.

Optionally, as shown in Figure 5, the method may include:

Step 501: Obtain the configuration files corresponding to all sub-configuration information contained in the target project to be built and the build target configuration file, and store the configuration files and the build target configuration file in the file directory corresponding to the target project.

Step 502: Read the public build configuration file and obtain the public build configuration information.

Step 503: Read the build target configuration file and determine the target module and target page.

Step 504: Determine the current target module, and read the module construction configuration file corresponding to the current target module to obtain the module construction configuration information.

For example, when this step is executed for the first time, the current target module is the first target module specified in the build target configuration file.

Step 505: Read the page construction configuration information corresponding to each target page in the current target module in sequence.

Step 506: For each target page in the current target module, merge the public build configuration information, module build configuration information, and page build configuration information of the current target page to obtain target configuration information corresponding to the current target page.

Step 507: Start the construction instance of the current target module to complete the construction of all target pages in the current target module.

Step 508: Determine whether there is an unbuilt target module. If so, return to step 304; otherwise, execute step 509.

Step 509: Check whether it is currently in the development stage. If so, execute step 510; otherwise, end the journey.

Step 510: Monitor whether the configuration file in the target project or the build target configuration file has changed. If so, execute step 511; otherwise, end the process.

For example, in the embodiment of the present invention, project development and project architecture can be carried out in parallel. During the project construction process, developers may change the content of the configuration file, or add or delete pages, etc., so that the construction target configuration Documentation may also change.

Optionally, you can also monitor whether the source code has changed, and if so, step 511 can also be performed.

For example, whether a change has occurred can be determined by reading the configuration file again and building the target configuration file and comparing it with the previously read content.

Step 511: Determine the changed page, determine the changed page as the new current target page, and execute step 512.

For example, the information obtained by reading the configuration file again and building the target configuration file can be compared with the information obtained the last time it was read, to filter out the differences, and then match them to the corresponding target page to determine the changes. page.

Step 512: Merge the public build configuration information, module build configuration information and page build configuration information of the current target page to obtain the target configuration information corresponding to the current target page, and perform corresponding build operations for the current target page based on the target configuration information.

For example, if there is more than one change page, the construction of each change page can be completed in sequence.

The front-end project construction method provided by the embodiment of the present invention takes into account both the development and construction of the project, so that while development and construction can be carried out independently, the project construction can also be updated in time for development without the need to operate all pages. Compared with Related technologies can effectively improve construction performance, reduce time consumption, and improve overall efficiency.

Figure 6 is a structural block diagram of a front-end project construction device provided in Embodiment 5 of the present invention. The device can be implemented by software and/or hardware, and can generally be integrated in computer equipment. The front-end project can be built by executing the front-end project construction method. Construct. As shown in Figure 6, the device includes:

The page determination module 601 is used to determine the current target page in the target project to be built, where the target project contains at least two target pages;

The configuration merging module 602 is used to merge the sub-configuration information corresponding to the current target page to obtain the target configuration information, wherein the sub-configuration information includes public build configuration information and private build configuration information, and the public build configuration information includes all Build configuration information common to all target pages in the target project, and the private build configuration information includes build configuration information unique to the current target page compared to other target pages in the target project;

The construction module 603 is configured to perform corresponding construction operations on the current target page according to the target configuration information.

The front-end project construction device provided in the embodiment of the present invention determines the current target page in the target project to be built during the construction process of the multi-page application project, and merges the sub-configuration information corresponding to the current target page to obtain the target configuration information. , among which, the sub-configuration information includes public build configuration information and private build configuration information. The public build configuration information includes the build configuration information common to all target pages in the target project. The private build configuration information includes the current target page compared to other targets in the target project. Build configuration information unique to the target page, and perform corresponding build operations for the current target page based on the target configuration information. By adopting the above technical solution, each target page in the target project does not need to share the same set of configurations. The personalized configuration of each target page is achieved through private build configuration information, which improves the flexibility of the multi-page application project construction process.

Optionally, the target project includes at least two target modules, each target module contains at least two target pages, the private build configuration information includes module build configuration information and page build configuration information, and the module build configuration information It includes construction configuration information that is unique to the current target module compared to other target modules in the target project and common to all target pages in the current target module. The page construction configuration information includes construction configuration information that is unique to the current target page compared to the belonging to it. Build configuration information unique to other target pages in the target module.

Optionally, the device also includes:

A configuration file acquisition module, configured to obtain configuration files corresponding to all sub-configuration information contained in the target project before determining the current target page in the target project to be built, and store the configuration files in the In the file directory corresponding to the target project.

Optionally, the device also includes:

A configuration file reading module, configured to read the configuration file corresponding to the current target page before merging the sub-configuration information corresponding to the current target page, to obtain the sub-configuration information corresponding to the current target page.

Optionally, determining the current target page in the target project to be built includes:

The current target page is determined according to the build target configuration file corresponding to the target project to be built, wherein the build target configuration file contains the attribute information of all target modules in the target project and the attribute information of all target pages in each target module. .

Optionally, the device also includes:

A build target configuration file acquisition module, configured to obtain the build target configuration file corresponding to the target project and obtain the build target configuration file corresponding to the target project before determining the current target page based on the build target configuration file corresponding to the target project to be built. Stored in the file directory corresponding to the target project.

Optionally, the device also includes:

A first judgment module, configured to judge that there is an unconstructed target page in the target module to which the current target page belongs after performing a corresponding construction operation on the current target page according to the target configuration information;

The first target page update module is used to determine the next target page as the new current target page and control the configuration merge when the first judgment module determines that there is an unconstructed target page in the target module to which the current target page belongs. The module and related modules repeatedly perform related operations of merging the sub-configuration information corresponding to the current target page.

Optionally, the device also includes:

The second judgment module is configured to judge that all target pages in the target module to which the current target page belongs have been constructed after performing corresponding construction operations on the current target page according to the target configuration information.

The second target page update module is used to determine whether there is an unbuilt target module when the second judgment module determines that all target pages in the target module to which the current target page belongs have been constructed. The first target page in the target module is determined as the new current target page, and the configuration merging module and related modules are controlled to repeatedly perform related operations of merging the sub-configuration information corresponding to the current target page.

Optionally, performing corresponding construction operations on the current target page according to the target configuration information includes:

The target configuration information is passed into the preset construction function to realize the construction of the current target page.

Optionally, the preset construction function is stored in the root directory of the file directory corresponding to the target project so as to be shared by all target pages in the target project.

Optionally, the device also includes:

The detection module is used to detect whether it is currently in the development stage;

The monitoring module is used to determine the change page when the detection module detects whether it is currently in the development stage and detects changes in the configuration file in the target project or the build target configuration file;

The second target page update module is used to determine the changed page as the new current target page, and control the configuration merging module and related modules to repeatedly perform related operations of merging the sub-configuration information corresponding to the current target page.

Optionally, whether the detection is currently in the development stage, including:

When it is determined that all target modules in the target project have been built, it is detected whether it is currently in the development stage.

Embodiment 6

An embodiment of the present invention also provides a storage medium containing computer-executable instructions, which when executed by a computer processor are used to execute the front-end project construction method provided by the embodiment of the present invention. The method includes:

Determine the current target page in the target project to be built, wherein the target project contains at least two target pages;

Merge the sub-configuration information corresponding to the current target page to obtain target configuration information, where the sub-configuration information includes public build configuration information and private build configuration information, and the public build configuration information includes all target pages in the target project Shared build configuration information, the private build configuration information includes build configuration information unique to the current target page compared to other target pages in the target project;

Perform corresponding construction operations on the current target page according to the target configuration information.

Storage media – Any memory device or storage device of any type. The term "storage media" is intended to include: installation media, such as CD-ROM, floppy disks, or tape devices; computer system memory or random access memory, such as DRAM, DDRRAM, SRAM, EDORAM, Rambus RAM, etc.; non- Volatile memory, such as flash memory, magnetic media (such as hard disk or optical storage); registers or other similar types of memory elements, etc. Storage media may also include other types of memory or combinations thereof. Additionally, the storage medium may be located in the first computer system in which the program is executed, or may be located in a different second computer system connected to the first computer system through a network, such as the Internet. The second computer system may provide program instructions to the first computer for execution. The term "storage media" may include two or more storage media that may reside in different locations (eg, in different computer systems connected by a network). Storage media may store program instructions (eg, embodied as a computer program) executable by one or more processors.

Of course, the embodiments of the present invention provide a storage medium containing computer-executable instructions. The computer-executable instructions are not limited to the front-end project construction operations described above, and can also execute the front-end projects provided by any corresponding embodiment of the present invention. Related operations in the build method.

Embodiment 7

An embodiment of the present invention provides a computer device that integrates the front-end project construction device provided by the embodiment of the present invention. Figure 7 is a structural block diagram of a computer device provided in Embodiment 7 of the present invention. The computer device 700 includes a memory 701, a processor 702, and a computer program stored in the memory 701 and executable on the processor 702. When the processor 702 executes the computer program, it implements the geographical location determination method provided by the embodiment of the present invention. . The method includes:

Determine the current target page in the target project to be built, wherein the target project contains at least two target pages;

Merge the sub-configuration information corresponding to the current target page to obtain target configuration information, where the sub-configuration information includes public build configuration information and private build configuration information, and the public build configuration information includes all target pages in the target project Shared build configuration information, the private build configuration information includes build configuration information unique to the current target page compared to other target pages in the target project;

Perform corresponding construction operations on the current target page according to the target configuration information.

In the computer equipment provided by the embodiment of the present invention, each target page in the target project does not need to completely share the same set of configurations. The personalized configuration of each target page is realized through private construction configuration information, which improves the flexibility of the multi-page application project construction process. sex.

The front-end project construction device, storage medium and computer equipment provided in the above embodiments can execute the front-end project construction method provided by any embodiment of the present invention, and have corresponding functional modules and beneficial effects for executing the method. For technical details that are not described in detail in the above embodiments, please refer to the front-end project construction method provided by any embodiment of the present invention.

Note that the above are only the preferred embodiments of the present invention and the technical principles used. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and that various obvious changes, readjustments and substitutions can be made to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments. Without departing from the concept of the present invention, it can also include more other equivalent embodiments, and the present invention The scope is determined by the scope of the appended claims.

Claims (13)

1. The front-end project construction method is characterized by comprising the following steps:

determining a current target page in a target item to be constructed, wherein the target item is a multi-page Web application program which is currently required to be constructed, and the target item comprises at least two target pages;

merging sub configuration information corresponding to the current target page to obtain target configuration information, wherein the sub configuration information comprises public construction configuration information and private construction configuration information, the public construction configuration information comprises construction configuration information shared by all target pages in the target item, and the private construction configuration information comprises construction configuration information specific to the current target page compared with other target pages in the target item;

performing corresponding construction operation on the current target page according to the target configuration information;

the private construction configuration information comprises module construction configuration information and page construction configuration information, the module construction configuration information comprises construction configuration information which is specific to a current target module compared with other target modules in the target project and is shared by all target pages in the current target module, the page construction configuration information comprises construction configuration information which is specific to the current target page compared with other target pages in the target module, and the modules comprise page sets belonging to the same category;

The determining the current target page in the target item to be constructed comprises the following steps:

and determining a current target page according to a construction target configuration file corresponding to a target item to be constructed, wherein the construction target configuration file contains attribute information of all target modules in the target item and attribute information of all target pages in each target module.

2. The method of claim 1, further comprising, prior to said determining a current target page in a target item to be built:

and acquiring configuration files corresponding to all the sub configuration information contained in the target item, and storing the configuration files in a file directory corresponding to the target item.

3. The method of claim 2, further comprising, prior to said merging the sub-configuration information corresponding to the current target page:

and reading the configuration file corresponding to the current target page to acquire the sub-configuration information corresponding to the current target page.

4. The method according to claim 1, further comprising, before determining the current target page according to the build target profile corresponding to the target item to be built:

And acquiring a construction target configuration file corresponding to the target item, and storing the construction target configuration file in a file directory corresponding to the target item.

5. The method of claim 1, further comprising, after performing a corresponding building operation for the current target page according to the target configuration information:

if the fact that the target module to which the current target page belongs has the unstructured target page is judged, determining the next target page as a new current target page, and repeatedly executing related operations of merging sub-configuration information corresponding to the current target page.

6. The method of claim 5, further comprising, after performing a corresponding building operation for the current target page according to the target configuration information:

if all the target pages in the target modules to which the current target page belongs are judged to be completely constructed, judging whether an unstructured target module exists, if so, determining the first target page in the next target module as a new current target page, and repeatedly executing related operations of merging the sub configuration information corresponding to the current target page.

7. The method according to any one of claims 1-6, wherein the performing a corresponding building operation for the current target page according to the target configuration information includes:

and transmitting the target configuration information into a preset construction function to realize construction of the current target page.

8. The method of claim 7, wherein the preset build function is stored in a root directory of a file directory corresponding to the target item for sharing by all target pages in the target item.

9. The method as recited in claim 2, further comprising:

if the current development stage is in, determining a change page when the change of the configuration file in the target project or the construction target configuration file is monitored;

and determining the changed page as a new current target page, and repeatedly executing related operations of merging the sub-configuration information corresponding to the current target page.

10. The method as recited in claim 9, further comprising:

and detecting whether the development stage is currently performed or not when all the target modules in the target project are determined to be constructed.

11. A front-end project building apparatus, comprising:

The page determining module is used for determining a current target page in a target project to be constructed, wherein the target project is a multi-page Web application program which is required to be constructed currently, and the target project comprises at least two target pages;

the configuration merging module is used for merging the sub-configuration information corresponding to the current target page to obtain target configuration information, wherein the sub-configuration information comprises public construction configuration information and private construction configuration information, the public construction configuration information comprises construction configuration information shared by all target pages in the target item, and the private construction configuration information comprises construction configuration information specific to the current target page compared with other target pages in the target item;

the construction module is used for carrying out corresponding construction operation on the current target page according to the target configuration information;

the private construction configuration information comprises module construction configuration information and page construction configuration information, the module construction configuration information comprises construction configuration information which is specific to a current target module compared with other target modules in the target project and is shared by all target pages in the current target module, the page construction configuration information comprises construction configuration information which is specific to the current target page compared with other target pages in the target module, and the modules comprise page sets belonging to the same category;

The determining the current target page in the target item to be constructed comprises the following steps:

and determining a current target page according to a construction target configuration file corresponding to a target item to be constructed, wherein the construction target configuration file contains attribute information of all target modules in the target item and attribute information of all target pages in each target module.

12. A computer readable storage medium, on which a computer program is stored, characterized in that the program, when being executed by a processor, implements the method according to any one of claims 1-10.

13. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the method of any of claims 1-10 when executing the computer program.