是的,可以做到:你需要的是源地图
在我的例子中,我将我的 lambdas 编译并捆绑到 dist 文件夹下的 1 个 index.js 文件中。我使用 webpack 作为捆绑器将其与单个 .map 文件一起提供。
const path = require('path');
const glob = require('glob');
const webpack = require('webpack');
const CreateFileWebpack = require('create-file-webpack');
const nodeExternals = require('webpack-node-externals');
// Credits: https://hackernoon.com/webpack-creating-dynamically-named-outputs-for-wildcarded-entry-files-9241f596b065
const entryArray = glob.sync('./src/lambda/**/handler.ts');
const entryObject = entryArray.reduce((acc, item) => {
let name = path.dirname(item.replace('./src/lambda', ''));
// conforms with Webpack entry API
// Example: { ingest: './src/ingest/index.ts' }
acc[name] = item;
return acc;
}, {});
/** @type {import('webpack').Configuration} */
module.exports = {
cache: {
type: 'memory',
},
entry: entryObject,
devtool: false,
target: 'node',
// externals: [nodeExternals()], // use if dependencies should not be bundled (like when using layers)
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/,
options: {
transpileOnly: true,
},
},
],
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
},
plugins: [
new webpack.IgnorePlugin({ resourceRegExp: /^pg-native$/ }),
new webpack.IgnorePlugin({ resourceRegExp: /^hiredis$/ }),
...Object.keys(entryObject).map(lambda => {
return new CreateFileWebpack({
path: path.resolve(__dirname, 'build'),
fileName: `${lambda}/package.json`,
content: JSON.stringify({
name: 'dummy_dependencies',
dependencies: {},
version: '1.0.0',
}),
});
}),
new webpack.SourceMapDevToolPlugin({
columns: false,
module: true,
filename: '[file].map',
}),
],
// Output directive will generate build/<function-name>/index.js
output: {
filename: '[name]/index.js',
path: path.resolve(__dirname, 'build'),
devtoolModuleFilenameTemplate: '[absolute-resource-path]',
// Credit to Richard Buggy!!
libraryTarget: 'commonjs2',
},
};
我不知道在你的情况下有多个编译文件会怎样,但我认为这是与 webpack 或任何其他“编译”工具类似的场景(我最近一直在研究 esbuild)。
即使是激活源映射的普通 tsc 也应该足够了。
完成后,您还应该使用正确的 .vscode 启动配置,以便 vs code 可以将容器的远程文件与本地文件进行映射,同时还可以通过 sourcemaps 连接其相应的 typescript 文件。
{
"name": "[Serverless] <lambda-name> attach",
"type": "node",
"request": "attach",
"address": "localhost",
"port": 5678,
"localRoot": "${workspaceRoot}/.serverless/build/<lambda-folder>",
"remoteRoot": "/var/task",
"protocol": "inspector",
"stopOnEntry": false,
"outFiles": ["${workspaceRoot}/.serverless/build/<lambda-folder>"],
"sourceMaps": true
}
有没有办法配置调试运行器以保持应用运行?
如果我理解正确,您正在寻找的是在请求之间保持调试器连接,这样您就不必每次在本地调用 lambda 时都手动连接它。
如果是这种情况,您可以通过使用 --shutdown 和 --warm-containers LAZY 标志 (reference) 运行 sam local start-lambda 来实现:
sam local start-lambda -d 5678 --host 0.0.0.0 --shutdown --debug --warm-containers LAZY
这将创建一个类似于 AWS 在云上使用的 API,因此您可以使用 aws-sdk 或 aws cli 访问它
aws lambda invoke --function-name \"<sam-template-lambda-id>\" --payload <stringified-json-input> --endpoint-url \"http://127.0.0.1:3001\" lambda_invoke_output.log
aws sam 将使容器保持温暖,直到 lambda 代码更改,并且调试器将在您触发的所有 INVOKE 事件中保持激活状态,有效地停止在您每次调用时设置的打字稿断点lambda
TL;DR
使用源地图,并在整个互联网上搜索如何将所有东西粘合在一起
个人笔记:我第一次处理这个问题时,我在互联网上经历了漫长而痛苦的航行来完成它。
生活不应该是这样的:')