How uniapp packages small programs

With the popularity of small programs, more and more developers are trying to use uniapp for development, because uniapp can be packaged into applications for multiple platforms at the same time, including small programs. So, how does uniapp package small programs?

First, we need to install the corresponding dependency packages in the uniapp project. In the root directory of the project, run the following command:

npm install @dcloudio/uni-cli -g

After the installation is complete, we need to add the applet configuration file to the project. In the root directory of the project, create a file named project.config.json and add the following content:

{
  "miniprogramRoot": "dist/wx/",
  "cloudfunctionRoot": "cloudfunctions/",
  "setting": {
    "urlCheck": false,
    "es6": true,
    "postcss": true,
    "minified": true,
    "newFeature": true,
    "nodeModules": true,
    "autoAudits": false,
    "uglifyFileName": true,
    "checkInvalidKey": true,
    "checkSiteMap": true,
    "uploadWithSourceMap": true,
    "compileHotReLoad": false,
    "useMultiFrameRuntime": true
  },
  "appid": "yourAppId",
  "projectname": "yourProjectName",
  "condition": {}
}

where miniprogramRoot represents mini program packaging the final output directory. In this example, we output the packaged files of the mini program to the dist/wx/ directory. appid represents the AppID of the mini program, projectname represents the project name.

Next, we need to add the configuration information of the applet in the manifest.json file. Add the following content in the mp-weixin node of the manifest.json file:

"mp-weixin": {
    "appid": "yourAppId",
    "projectname": "yourProjectName",
    "condition": {}
}

Then, we can use the following command to package the applet:

uni build --platform mp-weixin --watch

Among them, the --platform parameter indicates the packaging platform, here we choose a small program; the --watch parameter indicates real-time monitoring of file changes and packaging in development mode.

After the packaging is completed, we can find the packaging folder of the mini program in the dist/wx/ directory, which contains all the code and resources of the mini program. It should be noted that if an error occurs during the packaging process, you can use the --debug parameter to print detailed error information.

In short, it is very simple to use uniapp to package small programs. After adding some configuration information, only a few simple commands are needed to complete the packaging. If you are an experienced developer, packaging applets will definitely not be a problem.

The above is the detailed content of How uniapp packages small programs. For more information, please follow other related articles on the PHP Chinese website!