@iamota/iamota-webpack/iamota-webpack.parts.icons.js

Helper tools for Webpack for iamota Framework (WordPress and Shopify)

// ----------------------------------------------------------------------------
// Webpack Spritesheet Config
// ----------------------------------------------------------------------------
//
// Webpack configuration to process SVG Icons
//
// ----------------------------------------------------------------------------

/**
 * Load Dependencies
 */
const path               = require('path');
const SpriteLoaderPlugin = require('svg-sprite-loader/plugin');


/**
 * Initialize Config
 */
let config = {};
exports.init = function(config) {
    this.config = config;
    return this;
};


/**
 * Generate Spritesheet
 */
exports.generateSpritesheet = ({
    sourcePath = path.resolve(this.config.sourcePath, 'assets/icons')
} = {}) => ({
    module: {
        rules: [
            {
                test: /\.svg$/i,
                loader: 'svg-sprite-loader',
                include: [
                    sourcePath
                ],
                options: {

                },
            }
        ]
    },

    plugins: [
        new SpriteLoaderPlugin({
            plainSprite: true
        })
    ]
});