TrackingProgress/webpack.common.js at development · dvrpc/TrackingProgress · 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
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')

// configure index.html
let indexConfig = new HtmlWebpackPlugin({
    template: path.resolve(__dirname + "/index.html"),
    file: 'index.html',
    inject: false,
    minify: {
        collapseWhitespace: true,
        removeComments: true,
        removeRedundantAttributes: true,
        removeScriptTypeAttributes: false,
        removeStyleLinkTypeAttributes: false,
        useShortDoctype: true
    }
})

module.exports = {
  entry: ["@babel/polyfill", "./js/index.js"],
  mode: "production",
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        // query: {
        //   presets: ["minify"],
        // },
      },
      // load styles
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
      // load imgs
      {
        test: /\.(png|svg)$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "img/[name].[ext]",
            },
          },
        ],
      },
      // load data
      {
        test: /\.(csv|tsv)$/,
        use: ["csv-loader"],
      },
      {
        test: /\.md$/,
        use: [
          {
            loader: "html-loader",
          },
        ],
      },
    ],
  },
  output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "build"),
  },
  plugins: [
    new CopyWebpackPlugin(
      // [
      // {
      //   from: "./img",
      //   to: "img",
      //   toType: "dir",
      // },
      // {
      //   from: "./data",
      //   to: "data",
      //   toType: "dir",
      // },
      // {
      //   from: "./css",
      //   to: "css",
      //   toType: "dir",
      // },
      // {
      //   from: "./vid",
      //   to: "vid",
      //   toType: "dir",
      // },
      // {
      //   from: "./pdf",
      //   to: "pdf",
      //   toType: "dir",
      // },
      // {
      //   from: "./markdown",
      //   to: "markdown",
      //   toType: "dir",
      // },]
      {
        patterns: [
          { from: "./img", to: "./img" },
          // { from: "./data", to: "./build/data" },
          { from: "./css", to: "./css" },
          { from: "./vid", to: "./vid" },
          { from: "./pdf", to: "./pdf" },
          { from: "./markdown", to: "./markdown" },
        ],
      }
    ),
    // HtmlWebpackPlugin
    indexConfig,
  ],
};