sample-web-pack/webpack.config.js at master · robertgotitapp/sample-web-pack · 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
const HtmlWebPackPlugin = require("html-webpack-plugin");
const path = require('path');
const wp = require('webpack')

module.exports = {
  entry: path.resolve(__dirname, './src/index.js'),
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'bundle.js'
  },

  resolveLoader: {
    modules: ['node_modules', path.resolve(__dirname, 'loaders')]
  },


  devServer: {
    // For hot server replacement
    hot: true
  },

  module: {

    rules: [


      {
        test: /\.(js|jsx)$/,
        loader: "babel-loader",
        exclude: /node_modules/,
        options: {
          "plugins": ["react-hot-loader/babel"]
        }
      },

      {
        test: /\.(jpe?g)|(png)$/,
        loader: 'my-loader',
        include: [
          path.resolve(__dirname, 'src'),
          path.resolve(__dirname, 'public')
        ],
        options: {
          'limit': 8192,
          name: 'static/img/[name].[ext]',
        }
      },

      // {
      //   test: /\.(jpe?g)|(png)$/,
      //   loader: [
      //     {
      //       'loader': 'file-loader',
      //       'options': {
      //         'limit': 8192,
      //         'name': 'static/img/[name].[hash:8].[ext]'
      //       },
      //     }
      //   ],
      //   include: [
      //     path.resolve(__dirname, 'src'),
      //     path.resolve(__dirname, 'public')
      //   ]
      // },

      // {
      //   test: /\.jsx?$/,
      //   use: [
      //     // {
      //     //   loader: 'babel-loader'
      //     // },
      //     {
      //       'loader': 'my-loader-2',
      //     }
      //   ],
      //   exclude: path.resolve(__dirname, 'node_modules')
      // },

      {
        test: /\.html$/,
        use: [
          {
            loader: "html-loader"
          }
        ]
      }
    ]
  },
  plugins: [
    new HtmlWebPackPlugin({
      template: "./src/index.html",
      filename: "./index.html"
    }),
    // For hot server replacement
    new wp.HotModuleReplacementPlugin()
  ]
};