react-table-pro/webpack/setting/plugins.js

React Table Pro

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
// const {UnusedFilesWebpackPlugin} = require('unused-files-webpack-plugin');
const CircularDependencyPlugin = require('circular-dependency-plugin');

const {isProduction, isDevelopment, isBuildLib, isBuildSite} = require('./../config');

// const date = new Date();

const definePluginParameters = {
    // BUILD_DATE: JSON.stringify(date.getTime()),
    // BUILD_DATE_H: JSON.stringify(date.toString()),
    // NODE_ENV: JSON.stringify(NODE_ENV),
    // IS_PRODUCTION: JSON.stringify(isProduction),
    // PROJECT_ID: JSON.stringify('my-best-project')
    // IS_DEVELOPMENT: JSON.stringify(IS_DEVELOPMENT)
};

const staticFilesLibraryList = [
    {
        from: '@types/index.d.ts',
        to: './index.d.ts',
    },
];

const staticFilesSiteList = [
    {
        from: './www/favicon.ico',
        to: './favicon.ico',
    },
];

const pluginList = [
    new CircularDependencyPlugin({
        exclude: /node_modules/,
    }),
    new DuplicatePackageCheckerPlugin(),
    new CleanWebpackPlugin(),
    new webpack.DefinePlugin(definePluginParameters),
    new ScriptExtHtmlWebpackPlugin({defaultAttribute: 'defer'}),
    new MiniCssExtractPlugin({
        // Options similar to the same options in webpackOptions.output
        // both options are optional
        filename: isDevelopment ? '[name].css' : 'style.css',
        chunkFilename: isDevelopment ? '[id].css' : '[id].[hash:6].css',
    }),
    // new UnusedFilesWebpackPlugin({
    //     patterns: ['www/**/*.*'],
    //     globOptions: {
    //         ignore: ['www/**/*.scss.flow', 'www/**/*.css.flow', 'www/asset/**/*'],
    //     },
    // }),
    // new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /en/),
];

if (isBuildLib) {
    pluginList.push(
        new CopyWebpackPlugin({
            patterns: staticFilesLibraryList,
        })
    );
}

if (isBuildSite) {
    pluginList.push(
        new HtmlWebpackPlugin({
            template: './www/index.html',
            minify: {
                collapseWhitespace: isProduction,
                removeComments: isProduction,
                minifyCSS: isProduction,
                minifyJS: isProduction,
            },
            hash: true,
            filename: './index.html',
        }),
        new CopyWebpackPlugin({
            patterns: staticFilesSiteList,
        })
    );
}

module.exports.plugins = pluginList;