webpack.config.js

module.exports = (env, argv) => {
  var path = require('path');
  var isDev = (argv.mode !== 'production');

  var config = {
    entry: {
      dist: './src/entries/dist.ts'
    },
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'h5p-advanced-blanks.js'
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          include: path.resolve(__dirname, 'src'),
          loader: 'babel-loader'
        },
        {
          test: /\.css$/,
          include: path.resolve(__dirname, 'src'),
          use: ['style-loader', 'css-loader', 'postcss-loader']
        },
        {
          test: /\.tsx?$/,
          use: 'ts-loader',
          exclude: /node_modules/
        },
        {
          test: /\.ractive.html$/,
          use: {
            loader: 'html-loader',
            options: {
              minimize: false
            }
          }
        }
      ]
    },
    resolve: {
      extensions: [".tsx", ".ts", ".js", ".ractive.html"]
    }
  };

  if (isDev) {
    config.devtool = 'inline-source-map';
  }

  return config;
}