poltoratchi-pagination-js-plugin/webpack.config.js

my plugin pagination

const path = require( 'path' );
const webpack = require( 'webpack' );
const HTMLWebpackPlugin = require( 'html-webpack-plugin' );
const UglifyJsPlugin = require( 'uglifyjs-webpack-plugin' );
const CopyWebpackPlugin = require( 'copy-webpack-plugin' );
const sass = require( 'node-sass' );

const PATHS = {
    src: `${__dirname}/src/`,
    dist: `${__dirname}/dist`,
    demo: `${__dirname}/demo`
};
const libraryName = 'pagination';

module.exports = {
    // mode: 'development',
    // mode: process.env.NODE_ENV,
    entry: `${PATHS.src}index.js`,
    output: {
        library: libraryName,
        libraryTarget: 'umd',
        libraryExport: 'default',
        path: path.resolve( __dirname, 'dist' ),
        filename: `${libraryName}.js`
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: [ 'babel-loader' ]
            },
            {
                test: /\.scss$/,
                use: [
                    'style-loader',
                    'css-loader',
                    'postcss-loader',
                    'sass-loader'
                ]
            }
        ]
    },
    plugins: [
        new UglifyJsPlugin(),
        new HTMLWebpackPlugin( {
            template: path.resolve( __dirname, 'index.html' )
        } ),
        new webpack.HotModuleReplacementPlugin(),
        new CopyWebpackPlugin( {
            patterns: [
                { from: `${PATHS.src}lib/`, to: `${PATHS.demo}`},
                {
                    from: `${PATHS.src}scss/`, to: `${PATHS.demo}/pagination.css`, transform( content, path ) {
                        const result = sass.renderSync( {
                            file: path,
                        } );

                        return result.css.toString();
                    }
                }
            ]
        } )
    ]
};