@spree/storefront-api-v2-sdk/webpack.common.maker.js

Node module to easily integrate your JavaScript or TypeScript application with Spree API V2. You can create an entirely custom Storefront in JS/TS with this package including one page checkout, Single Page Apps, PWAs and so on

const { resolve } = require('path')
const baseDirectoryPath = __dirname
const srcDirectoryPath = resolve(baseDirectoryPath, 'src')
const ProgressBar = require('./webpack-plugins/ProgressBar')
const DeleteBeforeEmit = require('./webpack-plugins/DeleteBeforeEmit')

module.exports = ({ babelPresetEnvConfig }) => ({
  context: baseDirectoryPath,
  plugins: [
    new ProgressBar(),
    new DeleteBeforeEmit(resolve(baseDirectoryPath, 'types'))
  ],
  entry: {
    index: [
      resolve(srcDirectoryPath, 'index.ts')
    ]
  },
  output: {
    filename: '[name].js',
    libraryTarget: 'umd'
  },
  mode: 'production',
  devtool: 'source-map',
  module: {
    rules: [
      {
        test: /\.(tsx?|js)$/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: [['@babel/preset-env', babelPresetEnvConfig]],
              plugins: [
                '@babel/plugin-proposal-class-properties',
                '@babel/plugin-proposal-object-rest-spread',
                '@babel/plugin-transform-runtime',
                '@babel/plugin-transform-classes'
              ]
            }
          },
          {
            loader: 'ts-loader',
            options: {
              transpileOnly: false,
              onlyCompileBundledFiles: true
            }
          }
        ],
        include: srcDirectoryPath
      },
      {
        test: /\.js$/,
        use: [
          'source-map-loader'
        ],
        include: /node_modules/,
        enforce: 'pre'
      }
    ]
  },
  resolveLoader: {
    modules: [
      srcDirectoryPath,
      'node_modules'
    ]
  },
  resolve: {
    symlinks: false,
    extensions: ['.tsx', '.ts', '.js']
  }
})