oscars-frontend/webpack.config.js at master · esnet/oscars-frontend · 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
117
118
119
120
121
122
123
124
125
let packageJSON = require('./package.json');
let path = require('path');
let HtmlWebpackPlugin = require('html-webpack-plugin');
let ExtractTextPlugin = require('extract-text-webpack-plugin')

let webpack = require('webpack');

let LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

const PATHS = {
    build: path.join(__dirname, 'target', 'classes', 'META-INF', 'resources', 'webjars', packageJSON.name, packageJSON.version),
    templates: path.join(__dirname, 'src', 'main', 'resources', 'templates')
};

// best for prod
let devtool = false;

let plugins = [
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('production'),
        },
        __VERSION__: JSON.stringify(packageJSON.version)
    }),
    new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /en/),
    new webpack.optimize.OccurrenceOrderPlugin(),
    new webpack.optimize.AggressiveMergingPlugin(),
    new LodashModuleReplacementPlugin({ 'currying': true, 'flattening': true } ),
    new ExtractTextPlugin('styles.css'),
    new HtmlWebpackPlugin({
        template: PATHS.templates + '/template_index.html',
        inject: 'body',
        favicon: PATHS.templates + '/favicon.ico',
    }),
// enable to view module sizes on a browser window
//    new BundleAnalyzerPlugin(),

];

let publicPath = '/webjars/oscars-frontend/'+packageJSON.version+'/bundle.js';

module.exports = {
    entry: ['babel-polyfill', './src/main/js/index.js'],
    devtool: devtool,
    cache: true,
    mode: 'production',

    output: {
        path: PATHS.build,
        publicPath: publicPath,
        filename: 'bundle.js'
    },
    performance: {
        hints: false
    },
    module: {
        rules: [
            {
                test: /node_modules[\\\/]vis[\\\/].*\.js$/, // vis.js files
                loader: 'babel-loader',
                query: {
                    cacheDirectory: true,
                    presets: [
                        ['env', {
                            'targets': {
                                'browsers': ['last 2 versions', 'safari >= 7']
                            }
                        }]
                    ],
                    plugins: [
                        'transform-es3-property-literals', // see https://github.com/almende/vis/pull/2452
                        'transform-es3-member-expression-literals', // see https://github.com/almende/vis/pull/2566
                        'transform-runtime', // see https://github.com/almende/vis/pull/2566
                        'lodash'
                    ]
                }
            },

            {
                test: /\.js|\.jsx/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    cacheDirectory: true,
                    presets: [
                        ['env', {
                            'targets': {
                                'browsers': ['last 2 versions', 'safari >= 7']
                            }
                        }],
                        'react', 'stage-1',
                    ],
                    plugins: ['transform-decorators-legacy', 'lodash']
                }
            },
            {
                test: /\.(gif|png|jpe?g|ttf|eot|svg)$/i,
                use: [
                    'url-loader'
                ],
            },
            {
                // Match woff2 and patterns like .woff?v=1.1.1.
                test: /\.(woff|woff2)?(\?v=\d+\.\d+\.\d+)?$/,
                use: {
                    loader: 'url-loader',
                    options: {
                        mimetype: 'application/font-woff',
                    },
                },
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: { loader: 'css-loader', options: {minimize: true} }
                })
            }

        ]
    },
    plugins: plugins

};