defaults.js

/* eslint-disable no-undef */
/**
 * Function that returns default values.
 * Used because Object.assign does a shallow instead of a deep copy.
 * Using [].push will add to the base array, so a require will alter
 * the base array output.
 */
'use strict';

const path = require('path');
const srcPath = path.join(__dirname, '/../src');
const dfltPort = 8001;

/**
 * Get the default modules object for webpack
 * @return {Object}
 */
function getDefaultModules() {
  return {
    rules: [
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader']
      },
      {
        test: /\.sass/,
        use: ['style-loader', 'css-loader', {
          loader: 'sass-loader',
          options: {
            api: 'modern-compiler',
            sassOptions: {
              outputStyle: 'expanded',
              quietDeps: true,
              silenceDeprecations: ['import']
            }
          }
        }
      ]
      },
      {
        test: /\.scss/,
        use: ['style-loader', 'css-loader',  {
          loader: 'sass-loader',
          options: {
            api: 'modern-compiler',
            sassOptions: {
              outputStyle: 'expanded',
              quietDeps: true,
              silenceDeprecations: ['import']
            }
          }
        }
      ]
      },
      {
        test: /\.less/,
        use: ['style-loader', 'css-loader', 'less-loader']
      },
      {
        test: /\.styl/,
        use: ['style-loader', 'css-loader', 'stylus-loader']
      },
      {
        test: /\.(mp4|ogg|svg)$/,
        type: 'asset/resource'
      }
    ]
  };
}

module.exports = {
  srcPath: srcPath,
  publicPath: '/assets/',
  port: dfltPort,
  getDefaultModules: getDefaultModules
};