Compartir tecnología

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

1. Abra las herramientas de desarrollo de WeChat

1. Confirme si el mini programa está seleccionado en la barra de navegación izquierda
2. Haga clic en [+] para crear un mini programa.
   

2. Crea un pequeño programa.

3. Inicialización

1. Borrar app.wxss, app.js

2. Elimine rendererOptions y componenteFramework y no requiera el motor de búsqueda más reciente.

3. Deja los siguientes archivos
   
   4. Creación personalizada de npm + integración de Sass

4. Primero, coloque el archivo de código fuente del miniprograma en la carpeta del miniprograma recién creada.
   

5. Configure la opción miniprogramRoot en project.config.json y especifique el directorio del código fuente del miniprograma.

6. Luego configure settings.packNpmManualmente en project.config.json en verdadero y habilite la forma de compilar npm con ubicaciones personalizadas de node_modules y miniprogram_npm.

7. Haga clic derecho en el proyecto [Abrir en la terminal incorporada] e ingrese [npm init -y] en la terminal para generar el archivo package.json
   

8. Finalmente, configure el elemento settings.packNpmRelationList de project.config.json y especifique las ubicaciones de packageJsonPath y miniprogramNpmDistDir.

9. Archivo project.config.json modificado

{
  "compileType": "miniprogram",
  "libVersion": "trial",
  "packOptions": {
    "ignore": [],
    "include": []
  },
  "miniprogramRoot": "miniprogram/",
  "setting": {
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "/package.json",
        "miniprogramNpmDistDir": "./miniprogram"
      }
    ],
    "useCompilerPlugins": [
      "sass"
    ],
    "coverView": true,
    "es6": true,
    "postcss": true,
    "minified": true,
    "enhance": true,
    "showShadowRootInWxmlPanel": true,
    "babelSetting": {
      "ignore": [],
      "disablePlugins": [],
      "outputPath": ""
    }
  },
  "condition": {},
  "editorSetting": {
    "tabIndent": "auto",
    "tabSize": 2
  },
  "appid": "wx34f339ffd16a69e5",
  "srcMiniprogramRoot": "miniprogram/"
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39