webinar-example/webpack.config.js at master · joinposter/webinar-example · 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
/* eslint-disable */
var webpack = require('webpack');
var path = require('path');
var build = process.env.NODE_ENV === 'production';
/* eslint-enable */


process.argv.forEach((arg) => {
    arg = arg.split('.')[1];

    if (arg === 'p' || arg === 'production') {
        build = true;
    }
});

module.exports = {
    context: __dirname,
    entry: {
        'bundle.js': './src/js/app.js',
    },

    resolve: {
        extensions: ['.json', '.js', '.jsx', '.less'],
    },

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

    module: {
        rules: [
            {
                test: /\.jsx?$/,
                loader: 'babel-loader?cacheDirectory',
                query: {
                    presets: ['react', 'es2015', 'stage-0'],
                },
            },
            {
                test: /\.css$/,
                use: [
                    { loader: 'style-loader' },
                    { loader: 'css-loader' },
                ],
            },
            {
                test: /\.less/,
                use: [
                    { loader: 'style-loader' },
                    { loader: 'css-loader' },
                    { loader: 'less-loader' },
                ],
            },
            {
                test: /\.(eot|woff|woff2|ttf|svg|png|jpg|gif)$/,
                loader: 'url-loader',
            },
        ],
    },
    devtool: build ? 'source-map' : 'eval',

    watch: !build,

    watchOptions: {
        aggregateTimeout: 100,
    },

    plugins: [],

    devServer: {
        hot: false,
        inline: false,
    }
};

if (build) {
    module.exports.plugins.push(
        new webpack.DefinePlugin({
            'process.env': {
                NODE_ENV: JSON.stringify('production'),
            },
        }),
    );
    module.exports.plugins.push(
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                unsafe: true,
                warnings: false,
            },
            sourceMap: true,
        }),
    );
}