savepets/webpack.dev.js at master · savepetsorg/savepets · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
const path = require("path");
const webpack = require("webpack");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
const dotenv = require("dotenv").config({
  path: `${__dirname}/.env.development`,
});

// eslint-disable-next-line
module.exports = function (env, argv) {
  return {
    context: path.resolve(__dirname, "./"),

    mode: "development",

    entry: {
      bundle: [
        "core-js/modules/es.promise",
        "core-js/modules/es.array.iterator",
        path.resolve(__dirname, "src", "index.js"),
      ],
    },

    output: {
      path: path.resolve(__dirname, "build"),
      publicPath: "/",
      filename: "[name]~[hash:10].js",
    },

    module: {
      rules: [
        {
          test: /\.m?js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader",
            options: {
              cacheDirectory: true,
            },
          },
        },
        {
          test: /\.svg$/,
          use: ["@svgr/webpack"],
        },
        {
          test: /\.(jpe?g|png|gif)$/i,
          use: {
            loader: "url-loader",
          },
        },
      ],
    },

    devtool: "eval-source-map",

    devServer: {
      port: process.env.DB_PORT,
      host: process.env.DB_HOST,
      contentBase: path.join(__dirname, "build"),
      hot: true,
      open: true,
      compress: true,
      historyApiFallback: true,
      watchOptions: {
        ignore: /node_modules/,
      },
    },

    plugins: [
      new webpack.ProgressPlugin(),
      new webpack.HashedModuleIdsPlugin(),
      new webpack.AutomaticPrefetchPlugin(),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.DefinePlugin({
        "process.env": dotenv.parsed,
      }),
      new webpack.WatchIgnorePlugin([path.resolve(__dirname, "node_modules")]),
      new HtmlWebpackPlugin({
        title: "Save Pets",
        template: "./public/index.ejs",
      }),
      new FaviconsWebpackPlugin({
        logo: path.resolve(__dirname, "src", "assets", "images", "favicon.png"),
        cache: "./.cache",
        prefix: "static/images/",
        favicons: {
          appName: "SavePets",
          appShortName: "pets",
          appDescription: "Save Pets Org",
          developerName: "eduardo-kohn",
          developerURL: "https://github.com/eagle-head",
          dir: "auto",
          lang: "pt-BR",
          background: "#AAA",
          theme_color: "#BBB",
          display: "standalone",
          appleStatusBarStyle: "black-translucent",
          orientation: "portrait",
          start_url: "./?utm_source=homescreen",
          scope: ".",
          version: "0.0.1",
          logging: false,
          icons: {
            favicons: true,
            android: false,
            appleIcon: false,
            appleStartup: false,
            coast: false,
            firefox: false,
            windows: false,
            yandex: false,
          },
        },
      }),
    ],
  };
};