原生小程序基础知识4

最新推荐文章于 2024-07-07 10:05:16 发布

寄相思予代码

最新推荐文章于 2024-07-07 10:05:16 发布

阅读量200

点赞数

文章标签：小程序 npm vue.js

本文链接：https://blog.youkuaiyun.com/weixin_72503508/article/details/129921492

版权

一、npm 支持

1. 打开终端窗口，安装一个 npm 模块包:

# 创建 package.json
npm init -y

# 安装一个模块
npm install miniprogram-computed

2. 这个操作跟平时的没区别，会安装到 node_modules 当中，但是下载的模块无法直接导入到小程序中，需要构建 npm：

构建 npm 会创建一个新的目录 miniprogram_npm 把构建好的 npm 模块放到了这个目录下，此时在小程序中便可以成功导入 npm 模块包了

2. 自定义构建

默认情况下项目目录的最外层是小程序的根目录，通过 project.config.json 可以指定小程序的根目录，这样做的好处是能够优化目录结构，更好的管理项目的代码:

{
  "setting": {
    ...
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram"
      }
    ],
    ...
  },
  "libVersion": "2.19.4",
  "miniprogramRoot": "miniprogram/",
  "appid": "wx3eb80995b7e84924",
  "projectname": "mpdemo",
}