从 1.03.2006302 (或 1.03.2006302) 最先,,,,我们提供了两种构建 npm 的方式:
默认的构建 npm 方式
默认情形下,,,,在 miniprogramRoot 内准确设置了 package.json 并执行 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 方式” 纷歧样,,,,此种方式需要开发者在 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
KESION pp电子软件
KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。KESION 一直通过手艺立异,,,,提供产品和服务,,,,助力企业向数字化转型,,,,通过科技驱动商业刷新,,,,让商业变得更智慧!
数据监听器 数据监听器可以用于监听和响应任何属性和数据字段的转变。。。。从小程序基础库版本 2.6.1 最先支持。。。。 使用数据监听器 有时,,,,在一些数据字段被 setData 设置时,,,,需要执行一些操...
npm 支持 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上最先,,,,小程序支持使用 npm 装置第三方包。。。。 此文档要求开发者们对 npm 有一定的相识,,,,因此不会再