reaculator/webpack.prod.js at main · deemyboy/reaculator · 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
// const HtmlWebPackPlugin = require("html-webpack-plugin");
const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");

const smp = new SpeedMeasurePlugin();

const { merge } = require("webpack-merge");
const common = require("./webpack.common.js");

// const htmlPlugin = new HtmlWebPackPlugin({
//   template: "./src/index.html",
//   filename: "./index.html",
// });

// var path = require("path");

module.exports = smp.wrap(
  merge(common, {
    devtool: "source-map",
    mode: "production",
    resolve: {
      extensions: [".js", ".jsx"],
    },
    module: {
      rules: [
        {
          test: /\.s[ac]ss$/i,
          use: [
            "style-loader",
            {
              loader: "css-loader",
              options: {
                sourceMap: false,
              },
            },
            {
              loader: "sass-loader",
              options: {
                sourceMap: false,
                sassOptions: {
                  outputStyle: "compressed",
                },
              },
            },
          ],
        },
      ],
    },
    // plugins: [htmlPlugin],

    // plugins: [
    //   htmlPlugin,
    //   new webpack.DefinePlugin({ //<--key to reduce React's size
    //     'process.env': {
    //       'NODE_ENV': JSON.stringify('production')
    //     }
    //   }),
    //   new webpack.optimize.DedupePlugin(),
    //   new webpack.optimize.UglifyJsPlugin(),
    //   new webpack.optimize.AggressiveMergingPlugin(),
    //   // new CompressionPlugin({
    //   //   asset: "[path].gz[query]",
    //   //   algorithm: "gzip",
    //   //   test: /\.js$|\.css$|\.html$/,
    //   //   threshold: 10240,
    //   //   minRatio: 0.8
    //   // })
    // ],
  })
);