舟山闪爸电子技术有限公司

兩種構建npm方式是什么?

  從 1.03.2006302 (或 1.03.2006302) 開始,我們提供了兩種構建 npm 的方式:

  默認的構建 npm 方式

  默認情況下,在 miniprogramRoot 內正確配置了 package.json 并執(zhí)行 npm install 之后,其構建 npm 的結果是,為每一個 package.json 對應的 node_modules 構建一份 miniprogram_npm,并放置在對應 package.json 所在目錄的子目錄中。參考 demo

  構建 npm 前

  ├── miniprogram

  │ ├── app.js

  │ ├── app.json

  │ ├── app.wxss

  │ ├── index

  │ │ ├── 略

  │ ├── node_modules // 可被默認方式構建 npm,因為它在 miniprogramRoot 內

  │ ├── package.json

  │ └── sub_package

  │ ├── node_modules // 可被默認方式構建 npm,因為它在 miniprogramRoot 內

  │ ├── package.json

  │ └── sub_package_page

  ├── node_modules // 不被默認方式構建 npm,因為它不在 miniprogramRoot 內

  ├── package.json

  └── project.config.json // 其中存在配置 `"miniprogramRoot": "./miniprogram"`

  構建 npm 后

  ├── miniprogram

  │ ├── app.js

  │ ├── app.json

  │ ├── app.wxss

  │ ├── index

  │ │ ├── 略

  │ ├── miniprogram_npm

  │ ├── node_modules // 可被默認方式構建 npm,因為它在 miniprogramRoot 內 --> 同級的 miniprogram_npm 是這份 node_modules 的構建結果

  │ ├── package.json

  │ └── sub_package

  │ ├── miniprogram_npm

  │ ├── node_modules // 可被默認方式構建 npm,因為它在 miniprogramRoot 內 --> 同級的 miniprogram_npm 是這份 node_modules 的構建結果

  │ ├── package.json

  │ └── sub_package_page

  ├── node_modules // 不被默認方式構建 npm,因為它不在 miniprogramRoot 內 --> 它并沒有對應的 miniprogram_npm 生成

  ├── package.json

  └── project.config.json // 其中存在配置 `"miniprogramRoot": "./miniprogram"`

  自定義 node_modules 和 miniprogram_npm 位置的構建 npm 方式

  與 “默認的構建 npm 方式” 不一樣,此種方式需要開發(fā)者在 project.config.json 中指定 mode_modules 的位置 和目標 miniprogram_npm 的位置。參考demo

  使用方法

  配置 project.config.json 的 setting.packNpmManually 為 true,開啟自定義 node_modules 和 miniprogram_npm 位置的構建 npm 方式

  配置 project.config.json 的 setting.packNpmRelationList 項,指定 packageJsonPath 和 miniprogramNpmDistDir 的位置

  其中 packNpmRelationList 的格式為

  packageNpmRelationList: Array<{

  "packageJsonPath": string,

  "miniprogramNpmDistDir": string

  }>

  packageJsonPath 表示 node_modules 源對應的 package.json

  miniprogramNpmDistDir 表示 node_modules 的構建結果目標位置

  構建 npm 前

  .

  ├── miniprogram

  │ ├── app.js

  │ ├── app.json

  │ ├── app.wxss

  │ ├── index

  │ ├── sitemap.json

  │ └── sub_package

  │ └── sub_package_page

  ├── project.config.json

  ├── src_node_modules_1

  │ ├── node_modules

  │ └── package.json

  └── src_node_modules_2

  ├── node_modules

  └── package.json

  其中 project.config.json 存在配置

  "setting": {

  "packNpmManually": true,

  "packNpmRelationList": [

  {

  "packageJsonPath": "./src_node_modules_1/package.json",

  "miniprogramNpmDistDir": "./miniprogram/"

  },

  {

  "packageJsonPath": "./src_node_modules_2/package.json",

  "miniprogramNpmDistDir": "./miniprogram/sub_package"

  }

  ]

  }

  構建 npm 后

  .

  ├── miniprogram

  │ ├── app.js

  │ ├── app.json

  │ ├── app.wxss

  │ ├── index

  │ ├── miniprogram_npm // 由 src_node_modules_1/node_modules 構建得到

  │ ├── sitemap.json

  │ └── sub_package

  │ ├── miniprogram_npm // 由 src_node_modules_2/node_modules 構建得到

  │ └── sub_package_page

  ├── project.config.json

  ├── src_node_modules_1

  │ ├── node_modules

  │ └── package.json

  └── src_node_modules_2

  ├── node_modules

  └── package.json


【本站聲明】
  1、本站文章中所選用的圖片及文字來源于網絡以及用戶投稿,由于未聯系到知識產權人或未發(fā)現有關知識產權的登記,如有知識產權人并不愿意我們使用,如果有侵權請立即聯系。
  2、本網站不對文章中所涉及的內容真實性、準確性、可靠性負責,僅系客觀性描述,如您需要了解該類商品/服務詳細的資訊,請您直接與該類商品/服務的提供者聯系。


KESION 科汛軟件

KESION 科汛軟件是國內領先的在線教育軟件及私域社交電商軟件服務提供商,長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產品云開店SaaS社交電商服務平臺、在線教育SaaS服務平臺、教育企業(yè)數字化SaaS云平臺、企微營銷助手、私有化獨立部署品牌網校和在線教育咨詢等。

KESION 不斷通過技術創(chuàng)新,提供產品和服務,助力企業(yè)向數字化轉型,通過科技驅動商業(yè)革新,讓商業(yè)變得更智慧!



▼點擊進入科汛官網了解更多



熱門標簽
上/下篇
  • observer數據監(jiān)聽器小程序開發(fā)說明

  • npm是什么意思-npm小程序開發(fā)操作教程

換一換相關推薦
  • 暫無相關信息!
  • 精選內容
    熱點精選