ApodElectronTest/webpack.config.js at master · HerrBastiii/ApodElectronTest · 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
var debug = process.env.NODE_ENV !== 'production';
var webpack = require('webpack');
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var WatchLiveReloadPlugin = require('webpack-watch-livereload-plugin');
var WebpackShellPlugin = require('webpack-shell-plugin');
var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');

module.exports = {
    context: __dirname,
    devtool: debug ? 'source-map' : false,
    entry: {
        app: ['./app/src/App.jsx']
    },
    output: {
        path: path.resolve(__dirname, 'app'),
        filename: 'app.bundle.js'
    },
    resolve: {
        modules: [path.resolve(__dirname, 'app'), 'node_modules'],
        extensions: ['.js', '.jsx', '.css', '.html', '.scss', '.json'],
        alias: {
            /*config: path.resolve(__dirname, 'app/config.js'),
            dashletevent: path.resolve(__dirname, 'app/DashletEvent.js')*/
        }
    },
    externals: {
        /*config: 'config',
        dashletevent: 'dashletevent'*/
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                loader: 'babel-loader',
                options: {
                    presets: [
                        [
                            'env',
                            {
                                targets: {
                                    chrome: 56
                                },
                                modules: false,
                                loose: true
                            }
                        ],
                        'latest',
                        'react',
                        ['es2015', { modules: false }],
                        'stage-3'
                    ],
                    plugins: [
                        'react-html-attrs',
                        'transform-decorators-legacy',
                        'transform-class-properties'
                    ]
                },
                include: [path.resolve(__dirname, 'app')],
                exclude: [/node_modules/]
            },
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract({
                    use: 'css-loader?importLoaders=1'
                })
            },
            {
                test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
                loader: 'url-loader'
            },
            {
                test: /\.html?$/,
                loader: 'html-loader'
            },
            {
                test: /\.less$/,
                loader: ExtractTextPlugin.extract({
                    fallbackLoader: 'style-loader',
                    loader: 'css-loader!less-loader'
                })
            }
        ]
    },
    plugins: debug
        ? [
              new ExtractTextPlugin({
                  filename: 'app.bundle.css',
                  allChunks: true
              }),
              new WatchLiveReloadPlugin({
                  files: ['./app/**/*.html', './app/**/*.css']
              }) /*,
    new WebpackShellPlugin({
        onBuildEnd: 'node copyFilesToDist.js'
    })*/
          ]
        : [
              new webpack.DefinePlugin({
                  'process.env': {
                      NODE_ENV: JSON.stringify('production')
                  }
              }),
              new ExtractTextPlugin({
                  filename: 'app.bundle.css',
                  allChunks: true
              }),
              new webpack.optimize.UglifyJsPlugin({
                  //mangle: false,
                  compress: {
                      warnings: false
                  },
                  minimize: true,
                  sourcemap: false
              }),
              new OptimizeCssAssetsPlugin({
                  assetNameRegExp: /\.css$/g,
                  cssProcessor: require('cssnano'),
                  cssProcessorOptions: {
                      discardComments: { removeAll: true },
                      colormin: true,
                      discardDuplicates: true,
                      discardOverridden: true,
                      mergeLonghand: true,
                      minifyFontValues: true,
                      orderedValues: true,
                      reduceDisplayValues: true,
                      reduceInitial: true,
                      uniqueSelectors: true,
                      discardUnused: true,
                      minifyGradients: true,
                      minifySelectors: true,
                      svgo: true
                  },
                  canPrint: true
              })
              /*new WebpackShellPlugin({
        onBuildEnd: 'node copyFilesToDist.js'
    })*/
          ],
    devServer: {
        contentBase: 'app'
    }
};