WeChat Gadget Tool Project page card three main functions

The project page card has three main functions:

Show the details of the current project

Includes icons, app IDs, third-party platform names (only development applets for third-party platforms are displayed), directory information, when the code was last submitted, and the size of the code pack.

The underlying library version switches

Developers can choose any version of the underlying library here to develop and debug compatibility issues with older versions.

The project configuration

ES6 to ES5

In 0.10.101000 and later versions of the development tool, the developer code ES6 syntax is babel by default to ES6 is ES5 helping developers solve development problems caused by different environments. D evelopers can turn this off in project settings. Details

It is important to note that:

• To improve code quality, refer to "use strict" when the ES6 conversion feature is turned on and javasctipt strict mode is enabled by default.

The compression code

Turning this on, the development tool will help developers compress javascript code and reduce the size of the code package when uploading code.

Style complement

Turning this option on, the development tool automatically detects and complements missing styles to ensure proper display on low-version systems. A lthough most of the problems can be circumvented, developers are advised to check the true performance of small programs separately on iOS and Android.

Code protection

Open this option, the developer tool will try to protect the project code, mainly to flatten the file and replace the file name referenced by the Require reference, the following cases are not suitable for this function.

1. When the applet is only a simple page, the function is not effective.
2. There are files more than 500kB, and there is a case where there are files in the project in the project, maybe the file may be reported when running.
3. Dynamic reference, such as VAR A = 'Somefile.js'; Require (a);
4. Assign the Require function to other variables, such as VAR A = Require; A ('somefile.js');
5. The case of parameters of the binary operator, such as Require + 1;
6. Use the ... the operator and the ES6 turn ES5 is not opened

Do not check the request domain name and TLS version

A officially released applet network request is a TLS version that requires a legal domain name and a domain name, which can be configured in the MP management background.This option can be opened during the development process, and the development tool will not verify security domain names, and the TLS version, help complete debugging work more easily during development.

Enable multi-core compilation

This option is visible on computers with four cores and above. E nabling this option makes full use of CPU resources to compile the project's JS code and improve the efficiency of compilation. You can choose to turn this option off.

Domain name information

The small program's secure domain name information is displayed, and legitimate domain names can be set up in the mp management background.