sharp-loader/example/webpack.config.js at 7e5eb4525adcd7a9bda81d084d090cd301f21d32 · bootstarted/sharp-loader · 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

var path = require('path');

module.exports = {
  entry: './index.js',
  target: 'web',

  output: {
    filename: '[name].js',
    path: path.join(__dirname, 'dist'),
    chunkFilename: '[id].[chunkhash].js',
  },

  module: {
    loaders: [
      {
        test: /\.(gif|jpe?g|png|svg|tiff)(\?.*)?$/,
        use: [
          {
            loader: path.join(__dirname, '..'),
            query: {
              name: '[name].[hash:8].[ext]',
              presets: {
                thumbnail: {
                  format: [ 'webp', 'png', 'jpeg' ],
                  density: [ 1, 2, 3 ],
                  width: 200,
                  height: 200,
                  quality: 60,
                },
                prefetch: {
                  format: 'jpeg',
                  mode: 'cover',
                  blur: 100,
                  quality: 30,
                  inline: true,
                  width: 50,
                  height: 50,
                }
              }
            }
          }
        ]
      },
      {
        test: /\.html/,
        use: [
          {
            loader: 'file-loader',
            options: {
              name: '[path][name].[ext]'
            }
          },
        ]
      }
    ]
  },

  devServer: {
    contentBase: path.join(__dirname, 'public'), // boolean | string | array, static file location
    watchContentBase: true,
    compress: true,
    historyApiFallback: true,
    // hot: true,
    https: false,
  },

};