简介
随着云计算的不断发展，Serverless 架构越来越盛行，以 AWS 为代表的各大云厂商也为 Serverless 架构提供了支持。但是在开发过程中，总会有一些需要本地调试的场景，比如说需要加载本地的图片或者本地的配置文件等。而 serverless-assets-local 这个 npm 包就可以帮助我们实现这样的需求。
安装
使用 npm 安装：
npm install --save-dev serverless-assets-local
使用
在 serverless.yml 文件中添加如下的配置：
plugins:
- serverless-assets-local
custom:
assets:
- path: assets
baseUrl: http://localhost:3000这里 assets 是你本地存储静态资源的文件夹路径，baseUrl 则是对应的本地调试地址。你也可以添加多个 assets，如下所示：
-- -------------------- ---- -------
--------
- -----------------------
-------
-------
- ----- ------
-------- ---------------------
- ----- ------
-------- ---------------------之后，只需要在代码中使用相对路径即可。
示例
假设有一个本地存储的图片 assets/logo.png，我们可以在前端页面中这样引用它：
<img src="/logo.png">
然后，在本地启动一个静态资源服务器：
npx serve
最后，在命令行中输入以下命令来启动 serverless 应用：
serverless offline
这时，在浏览器中访问该页面，即可发现图片已经成功被加载！
深入
serverless-assets-local 实际上就是启动了一个本地的 HTTP 服务器，将指定目录下的文件映射到 baseUrl 下。
在 serverless 应用正式部署后，这些文件会自动被部署到云端存储，客户端将会从云端加载文件。因此，使用 serverless-assets-local 这个 npm 包，能够帮助我们在本地进行 Serverless 应用的开发和调试，并且最终还可以顺利的部署到云端。
结语
这篇文章介绍了如何使用 serverless-assets-local 这个 npm 包来帮助我们实现本地开发过程中的需求。实际上，这只是 Serverless 架构中的冰山一角，还有许多值得深入学习和探索的领域，例如 AWS Lambda 函数的编写和部署、API 网关的配置和管理等等。希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005672081e8991b448e38ca