//plugins const { DefinePlugin } = require('webpack'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer'); //libraries const path = require('path'); //the exported config function module.exports = ({ production, analyzer }) => { return { mode: production ? "production" : "development", entry: path.resolve(__dirname, 'client', 'client.jsx'), output: { path: path.resolve(__dirname, 'public'), filename: '[name].[chunkhash].js', sourceMapFilename: '[name].[chunkhash].js.map' }, devtool: 'eval-source-map', resolve: { extensions: ['.js', '.jsx'] }, module: { rules: [ { test: /\.(js|jsx)$/, exclude: /(node_modules)/, use: [ { loader: 'babel-loader', options: { presets: ['@babel/preset-env', '@babel/preset-react'], plugins: ['react-loadable/babel', '@babel/plugin-syntax-dynamic-import'] } } ] } ] }, plugins: [ new DefinePlugin({ 'process.env': { 'NEWS_URI': '"http://dev-news.eggtrainer.com:3100/news"', 'NEWS_KEY': '"key"', } }), new CleanWebpackPlugin({ cleanOnceBeforeBuildPatterns: ['*', '!content*'] }), new HtmlWebpackPlugin({ template: './client/template.html', minify: { collapseWhitespace: production, removeComments: production, removeAttributeQuotes: production } }), new BundleAnalyzerPlugin({ analyzerMode: analyzer ? 'server' : 'disabled' }) ], devServer: { contentBase: path.resolve(__dirname, 'public'), compress: true, port: 3001, proxy: { '/api/': 'http://localhost:3000/' }, overlay: { errors: true }, stats: { colors: true, hash: false, version: false, timings: false, assets: false, chunks: false, modules: false, reasons: false, children: false, source: false, errors: true, errorDetails: false, warnings: true, publicPath: false }, host: '0.0.0.0', disableHostCheck: true, clientLogLevel: 'silent', historyApiFallback: true, hot: true, injectHot: true }, watchOptions: { ignored: /(node_modules)/ } } };