Build & serve Netlify lambda functions with Vue

netlify-lambda-vue.js

import buildLambda from 'netlify-lambda/lib/build';

export default async function({ service: { commands, projectOptions } }) {
  const { build, serve } = commands;
  const buildFn = build.fn;
  const serveFn = serve.fn;

  build.fn = async (...args) => {
    try {
      const res = await buildFn(...args);

      const stats = await buildLambda.run('src/lambda');

      console.log(stats.toString({ color: true }));
      return res;
    } catch (error) {
      console.error(error);
      throw new Error(error);
    }
  };

  serve.fn = (...args) => {
    const devServer = projectOptions.devServer || {};

    if (!devServer.proxy) {
      devServer.proxy = {};
    }

    devServer.proxy['/.netlify/functions'] = {
      target: 'http://localhost:9000',
      pathRewrite: {
        '^/\\.netlify/functions': '',
      },
    };

    return serveFn(...args);
  };
}