Κοινή χρήση τεχνολογίας

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

1. Ανοίξτε τα εργαλεία προγραμματιστών WeChat

1. Επιβεβαιώστε εάν η μικροεφαρμογή είναι επιλεγμένη στην αριστερή γραμμή πλοήγησης
2. Κάντε κλικ στο [+] ​​για να δημιουργήσετε ένα μίνι πρόγραμμα
   

2. Δημιουργήστε ένα μικρό πρόγραμμα

3. Αρχικοποίηση

1. Εκκαθάριση app.wxss, app.js

2. Καταργήστε το rendererOptions και το componentFramework και δεν χρειάζεστε την πιο πρόσφατη μηχανή αναζήτησης

3. Αφήστε τα παρακάτω αρχεία
   
   4. Προσαρμοσμένη δημιουργία npm + ενσωμάτωση Sass

4. Πρώτα, τοποθετήστε το αρχείο πηγαίου κώδικα του μίνι προγράμματος στον νέο φάκελο miniprogram.
   

5. Διαμορφώστε την επιλογή miniprogramRoot στο project.config.json και καθορίστε τον κατάλογο του πηγαίου κώδικα του μίνι προγράμματος.

6. Στη συνέχεια, ρυθμίστε τις παραμέτρους του setting.packNpmManually στο project.config.json σε true και ενεργοποιήστε τον τρόπο δημιουργίας npm με προσαρμοσμένες θέσεις node_modules και miniprogram_npm.

7. Κάντε δεξί κλικ στο έργο [Άνοιγμα σε ενσωματωμένο τερματικό] και πληκτρολογήστε [npm init -y] στο τερματικό για να δημιουργήσετε το αρχείο package.json
   

8. Τέλος, διαμορφώστε το στοιχείο setting.packNpmRelationList του project.config.json και καθορίστε τις θέσεις του packageJsonPath και του miniprogramNpmDistDir.

9. Τροποποιημένο αρχείο project.config.json

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