没有服务器的webpack无法使用文件夹结构

时间:2019-05-03 13:53:04

标签: webpack serverless-framework

我没有使用ES6 / ES7支持创建了一些无服务器项目。在我们的新项目中,我想将其与无服务器集成,但无法继续进行。

这是我的serverless.yml文件

#sls offline start --skipCacheInvalidation
service: test

provider:
  name: aws
  runtime: nodejs8.10 # set node.js runtime
  memorySize: 1024 # set the maximum memory of the Lambdas in Megabytes
  timeout: 300 # the timeout is 10 seconds (default is 6 seconds)
  stage: ${opt:stage, 'dev'} #${self:provider.stage} # setting the env stage to dev, this will be visible in the routes
  region: us-east-1
  logRetentionInDays: 14 # Set the default RetentionInDays for a CloudWatch LogGroup
  deploymentBucket: 
    name: api-test
  # custom:
  #   stage: ${opt:stage, self:provider.stage}
  environment: ${file(env.yml):${self:provider.stage}}


plugins:
  - serverless-webpack
  - serverless-offline

# serverless optimization
package:
  individually: true

# serverless-webpack configuration
# Enable auto-packing of external modules
custom:
  webpack:
    webpackConfig: ./webpack.config.js 
    includeModules: true

functions: 
  createCampaign:
    handler: src/Campaign.CreateCampaign
    name : campaign-createcampaign-${self:provider.stage} #custom lambda name instead of auto generated
    description: To create campaign
    events:
      - http:
        path: campaign
        method: post
        cors: true

  getAllCampaign:
    handler: src/Campaign.GetCampaign
    name : campaign-getall-${self:provider.stage} #custom lambda name instead of auto generated
    description: To retrieve all campaign
    events:
      - http:
        path: campaign
        method: get
        cors: true

  

我的campaign.js位于代码中的/ src文件夹下。我使用https://medium.com/@kilgarenone/write-es6-es7-in-serverless-framework-using-babel-7-and-webpack-4-5bd742168e1a尝试过 我的webpack配置如下。

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

module.exports = {
  //entry: slsw.lib.entries,
  entry: {handler : './src/Campaign.js'},
  target: 'node',
  // Generate sourcemaps for proper error messages
  devtool: 'source-map',
  // Since 'aws-sdk' is not compatible with webpack,
  // we exclude all node dependencies
  externals: [nodeExternals()],
  mode: slsw.lib.webpack.isLocal ? 'development' : 'production',
  optimization: {
    // We no not want to minimize our code.
    minimize: false,
  },
  performance: {
    // Turn off size warnings for entry points
    hints: false,
  },
  // Run babel on all .js files and skip those in node_modules
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: __dirname,
        exclude: /node_modules/,
      },
    ],
  },
};

我的package.json是

{
  "name": "orim-api",
  "version": "1.0.0",
  "description": "",
  "main": "handler.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.4",
    "@babel/preset-env": "^7.4.4",
    "babel-loader": "^8.0.5",
    "babel-plugin-source-map-support": "^2.0.1",
    "serverless-offline": "^4.9.4",
    "serverless-webpack": "^5.3.0",
    "webpack": "^4.30.0",
    "webpack-node-externals": "^1.7.2"
  },
  "dependencies": {
    "dotenv": "^7.0.0",
    "mongoose": "^5.5.5",
    "source-map-support": "^0.5.12"
  }
}

我的.babelrc文件是

{
  "plugins": ["source-map-support"],
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "8.10"
        }
      }
    ],
    
  ]
}

当我执行sls脱机启动--SkipCacheInvalidateion时,出现以下警告

./ src / Campaign.js中的警告5:12-29 “在'../db'中找不到导出'connectToDatabase'

似乎webpack和babel-loader并没有转换我的整个代码

0 个答案:

没有答案