Partage de technologie

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

1. Ouvrez les outils de développement WeChat

1. Confirmez si l'applet est sélectionnée dans la barre de navigation de gauche
2. Cliquez sur [+] pour créer un mini programme
   

2. Créez un petit programme

3. Initialisation

1. Effacer app.wxss, app.js

2. Supprimez les options de rendu et le composantFramework et ne nécessitez pas le dernier moteur de recherche

3. Laissez les fichiers suivants
   
   4. Création personnalisée de npm + intégration de Sass

4. Tout d’abord, placez le fichier de code source du mini-programme dans le dossier mini-programme nouvellement créé.
   

5. Configurez l'option miniprogramRoot dans project.config.json et spécifiez le répertoire du code source du mini programme.

6. Configurez ensuite settings.packNpmManually dans project.config.json sur true et activez la manière de créer npm avec des emplacements node_modules et miniprogram_npm personnalisés.

7. Faites un clic droit sur le projet [Ouvrir dans le terminal intégré] et entrez [npm init -y] dans le terminal pour générer le fichier package.json
   

8. Enfin, configurez l'élément settings.packNpmRelationList de project.config.json et spécifiez les emplacements de packageJsonPath et miniprogramNpmDistDir.

9. Fichier project.config.json modifié

{
  "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