plex-vr/webpack.config.js at master · markbrouch/plex-vr · 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
const { resolve } = require('path')
const webpack = require('webpack')
const CleanWebpackPlugin = require('clean-webpack-plugin')

const PORT = process.env.port || 8000
const DEV_PORT = process.env.DEV_PORT || 8001

module.exports = {
  context: resolve(__dirname, 'src/client'),

  entry: {
    aframe: 'aframe',
    main: [
      'babel-polyfill',
      'react-hot-loader/patch',
      `webpack-dev-server/client?http://0.0.0.0:${DEV_PORT}`,
      'webpack/hot/only-dev-server',
      'index.html',
      'index.css',
      'index'
    ]
  },

  output: {
    filename: 'js/[name].bundle.js',
    path: resolve(__dirname, 'dist'),
    publicPath: '/'
  },

  resolve: {
    extensions: ['.js', '.jsx'],
    modules: ['src/client', 'node_modules'],
    alias: {
      '~client': resolve(__dirname, 'src/client'),
      '~server': resolve(__dirname, 'src/server'),
      '~util': resolve(__dirname, 'src/util'),
      '~api': resolve(__dirname, 'src/api'),
      '~assets': resolve(__dirname, 'src/client/assets'),
      '~components': resolve(__dirname, 'src/client/components'),
      '~reducers': resolve(__dirname, 'src/client/reducers'),
      '~actions': resolve(__dirname, 'src/client/actions')
    }
  },

  devtool: 'inline-source-map',

  devServer: {
    host: '0.0.0.0',
    port: DEV_PORT,
    disableHostCheck: true,
    hot: true,
    contentBase: resolve(__dirname, 'dist'),
    publicPath: '/',
    historyApiFallback: true,
    proxy: {
      '/transcode': `http://0.0.0.0:${PORT}`
    }
  },

  module: {
    rules: [
      {
        test: /\.jsx?$/,
        use: 'babel-loader',
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1
            }
          },
          'postcss-loader'
        ]
      },
      {
        test: /\.(html|jpg)$/,
        use: 'file-loader?name=[path][name].[ext]'
      },
      {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url-loader?limit=10000&mimetype=images/svg+xml&name=assets/[name].[ext]'
      },
      {
        test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url-loader?limit=10000&mimetype=application/font-woff&name=assets/[name].[ext]'
      },
      {
        test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url-loader?limit=10000&mimetype=application/octet-stream&name=assets/[name].[ext]'
      },
      {
        test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'file-loader?name=assets/[name].[ext]'
      }
    ]
  },

  plugins: [
    new CleanWebpackPlugin(['dist']),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NamedModulesPlugin(),
    new webpack.ProvidePlugin({
      Promise: 'imports-loader?this=>global!exports-loader?global.Promise!es6-promise',
      fetch: 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch'
    }),
    new webpack.EnvironmentPlugin({
      VERSION: require('./package.json').version
    })
  ]
}