@smoud/playable-scripts/core/utils/moduleRules.js

Accelerate HTML5 playable ad development and production across different ad networks, with a single tool, which offering both a streamlined CLI and a flexible API.

/**
 * Webpack asset rules that embed all assets directly into the JS bundle.
 * Use for dev builds and single-file HTML ad networks.
 * @type {import('webpack').RuleSetRule[]}
 */
const inlineAssetRules = [
  {
    test: /\.(gif|png|jpe?g|webp|mp3|mp4|m4a|ogg|wav|glb|fbx|obj|skel)$/i,
    type: 'asset/inline'
  },
  {
    test: /\.(svg|xml|json|atlas)$/i,
    type: 'asset/source'
  },
  {
    test: /\.(woff|woff2|eot|ttf|otf)$/i,
    type: 'asset/inline'
  }
];

/**
 * Webpack asset rules that emit assets as separate files on disk.
 * Use for zip-output ad networks where assets live alongside the HTML.
 * @type {import('webpack').RuleSetRule[]}
 */
const fileAssetRules = [
  {
    test: /\.(mp3|mp4|m4a|ogg|wav|glb|fbx|obj|skel)$/i,
    type: 'asset/inline'
  },
  {
    test: /\.(gif|png|jpe?g|webp)$/i,
    type: 'asset/resource'
  },
  {
    test: /\.(svg|xml|json|atlas)$/i,
    type: 'asset/source'
  },
  {
    test: /\.(woff|woff2|eot|ttf|otf)$/i,
    type: 'asset/resource'
  }
];

exports.inlineAssetRules = inlineAssetRules;
exports.fileAssetRules = fileAssetRules;