pdf-invoice-generator-for-memberpress/webpack.config.js at main · omaraelhawary/pdf-invoice-generator-for-memberpress · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const FileManagerPlugin = require('filemanager-webpack-plugin');

module.exports = (env, argv) => {
  const isProduction = argv.mode === 'production';

  return {
    entry: {
      admin: './assets/js/admin.js',
      adminStyles: './assets/css/admin.css'
    },
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'js/[name].min.js',
      clean: true
    },
    module: {
      rules: [
        {
          test: /\.css$/,
          use: [
            MiniCssExtractPlugin.loader,
            'css-loader'
          ]
        },
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader',
            options: {
              presets: ['@babel/preset-env']
            }
          }
        }
      ]
    },
    plugins: [
      new MiniCssExtractPlugin({
        filename: 'css/[name].min.css'
      }),
      new FileManagerPlugin({
        events: {
          onEnd: {
            copy: [
              {
                source: './dist/css/adminStyles.min.css',
                destination: './assets/css/admin.min.css'
              },
              {
                source: './dist/js/admin.min.js',
                destination: './assets/js/admin.min.js'
              }
            ],
            delete: ['./dist']
          }
        }
      })
    ],
    optimization: {
      minimizer: [
        new TerserPlugin({
          terserOptions: {
            format: {
              comments: false,
            },
            compress: {
              drop_console: isProduction,
              drop_debugger: isProduction
            }
          },
          extractComments: false,
        }),
        new CssMinimizerPlugin({
          minimizerOptions: {
            preset: [
              'default',
              {
                discardComments: { removeAll: true },
                normalizeWhitespace: isProduction
              },
            ],
          },
        }),
      ],
    },
    devtool: isProduction ? false : 'source-map'
  };
};