# 将 npm 包复制到 vendor 文件夹，避免小程序可能不能找到文件（tips：使用 wepy/mpvue 等框架无需此步）

将第三方 npm 包复制到项目的小程序 vendor 文件夹，是为了解决微信小程序的沙箱机制问题。小程序默认会限制直接访问网络资源，所以如果你要在小程序中使用 npm 安装的库，你需要先把这些依赖打包成静态资源，并将其放置在 `app.wxss`、`app.js` 或 `vendors.js`（vendor 文件夹下）等特定的目录内。

以下是通常的步骤：
1. 在npm包的根目录下运行 `npm run build` 或 `yarn build` 来构建并生成静态文件。
2. 找到生成的 `.js` 和 `.json` 文件，特别是 `lib.min.js` 类似的入口文件，以及对应的依赖库文件。
3. 将这些文件复制到你的小程序项目的 `projectname/vendor` 文件夹中。
4. 在小程序的配置文件（如 `config.json`）中，可能会有 `pages` 或者 `subPackage` 部分，需要指定包含你的自定义包的页面路径，例如：

   "subPackages": [
     {
       "root": "path/to/your/package",
       "dependencyMode": "common"
     }
   ]

5. 确保引用这些包时使用相对路径，而不是绝对路径，因为它们现在是在 vendor 目录下。

需要注意的是，这步操作不是所有小程序框架都必需的，像 Wepy 和 mpvue 这样的服务端渲染框架有自己的处理方式，它们可能会自动处理包的引入和管理。