serverless webpack doesn't bundle handlers.js

Question

I am new to webpack and serverless, so please forgive me if this seems trivial. I copied these codes from npm serverless-webpack.

I tried to use serverless webpack --out dist, but my command line didn't recognise webpack. If I tried to serverless deploy <opts> <opt>, then it compiled and bundled into a .serverless but missing the essential JS files.

webpack.config.js

var path = require('path');
var slsw = require('serverless-webpack');
var nodeExternals = require('webpack-node-externals');

module.exports = {
  context: path.resolve(__dirname, './src'),
  entry: slsw.lib.entries,
  target: 'node',
  externals: [nodeExternals()],
  output: {
    libraryTarget: 'commonjs',
    path: path.resolve(__dirname, '.webpack'),
    filename: '[name].js',
  },
  module: {
    rules: [
      {
        test: /\.jsx$/,
        loader: ["babel-loader"],
        include: __dirname,
        exclude: /node_modules/
      }
    ]
  }
};

Serverless.yml

service: hello-world
frameworkVersion: '>=1.2.0 <2.0.0'
provider:
  name: aws
  runtime: nodejs8.10
  deploymentBucket:
     name: test-bucket
plugin:
  - serverless-webpack
  - serverless-prune-plugin
custom:
  prune:
    automatic: true
    number: 3
  webpack: webpack.config.js
  webpackIncludeModules:
    packagePath: ./src/package.json
    forceInclude:
       - express
       - body-parser
functions:
  getHelloWorld:
    handler: functions/test.hello
    events:
      - http:
          path: test/hello
          method: get

webpack: 4.22.0 (global)

serverless-webpack: 5.3.0 (global)

Looks like your serverless.yml is misconfigured and/or out-of-sync with respect to your webpack.config.js. Can you post that as well? — Noel Llevares
– Noel Llevares, Commented Oct 23, 2018 at 13:36

ene_salinas · Accepted Answer · 2018-10-28 04:45:42Z

7

+50

First, install webpack.
```
npm install --save-dev webpack
```

Install plugin serverless webpack

npm install serverless-webpack --save-dev

Add plugin to serverless.yml

service: hello-world
plugins:
    - serverless-webpack
custom:
    webpackIncludeModules: true

Your package.json will be something that:

"scripts": {
    "test-process": "mocha --require babel-core/register ./tests/unit.test.js",
    "deploy": "./node_modules/.bin/serverless remove --stage dev --region us-east-1 && ./node_modules/.bin/serverless deploy -v --stage dev --region us-east-1"
}

Then, you can deploy with this command: npm run deploy
Also, with mocha you can test your code before doing the deploy. For that, you will have that configure babel

I prepare you a basic example hello-world with webpack4 and serverless:

https://github.com/ns4lin4s/stackoverflow

Don't forget, add response application/json in apigateway:

let me know how did work..

edited Oct 28, 2018 at 4:45

answered Oct 27, 2018 at 21:44

ene_salinas

7054 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

roger Over a year ago

cheers @ene_salinas for getting back to me. The main reason for it didn't work was yml didn't know I wanted to use these plugins, because I wrote "plugin" and not "plugins".

ene_salinas Over a year ago

@MayField haha ok, then is it answer resolved your issue?

roger Over a year ago

Yes in a way you did answer my question, by listing all the necessary steps to bundle the files.

Collectives™ on Stack Overflow

serverless webpack doesn't bundle handlers.js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related