技術共有

한어Русский язык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. まず、新しく作成したミニプログラム フォルダーにミニ プログラムのソース コード ファイルを置きます。
   

5. project.config.json で miniprogramRoot オプションを構成し、ミニ プログラムのソース コードのディレクトリを指定します。

6. 次に、project.config.json の settings.packNpmManually を true に設定し、カスタマイズされた node_modules と miniprogram_npm の場所を使用して npm を構築する方法を有効にします。

7. プロジェクトを右クリックして [組み込みターミナルで開く] し、ターミナルで [npm init -y] と入力して package.json ファイルを生成します。
   

8. 最後に、project.config.json の settings.packNpmRelationList 項目を構成し、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