apollo-bp/webpack.config.js at master · devboell/apollo-bp · 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
const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const prodConfig = require('./config/webpack.prod.config')
const devConfig = require('./config/webpack.dev.config')
const merge = require('webpack-merge')


const commonConfig = {
  context: path.resolve(__dirname, './src/client'),
  output: {
    path: path.resolve(__dirname, './dist/client'),
    filename: '[name].bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: 'babel-loader',
      },
      {
        test: /\.(jpe?g|png|gif|svg)$/i,
        loaders: ['file-loader?context=src/images&name=images/[path][name].[ext]', {
          loader: 'image-webpack-loader',
          query: {
            mozjpeg: {
              progressive: true,
            },
            gifsicle: {
              interlaced: false,
            },
            optipng: {
              optimizationLevel: 4,
            },
            pngquant: {
              quality: '75-90',
              speed: 3,
            },
          },
        }],
        exclude: /node_modules/,
        include: __dirname,
      },
    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'index.html',
    }),
    new CopyWebpackPlugin([
      { from: 'images', to: 'images' },
    ]),
  ],

  resolve: {
    modules: ['src', 'src/client', 'src/images', 'node_modules'],
    extensions: [
      '.js',
      '.jsx',
    ],
  },
}

function envConfig() {
  return process.env.NODE_ENV === 'development'
    ? devConfig
    : prodConfig
}

module.exports = merge(commonConfig, envConfig())