freeCodeCamp/webpack.config.js

79 lines
2.1 KiB
JavaScript

const webpack = require('webpack');
const path = require('path');
const ManifestPlugin = require('webpack-manifest-plugin');
const ChunkManifestPlugin = require('chunk-manifest-webpack-plugin');
const Visualizer = require('webpack-visualizer-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
var __DEV__ = process.env.NODE_ENV !== 'production';
module.exports = {
entry: {
client: './client/index.js',
news: './news/client.js'
},
devtool: __DEV__ ? 'inline-source-map' : 'source-map',
mode: __DEV__ ? 'development' : 'production',
node: {
// Mock Node.js modules that Babel require()s but that we don't
// particularly care about.
fs: 'empty',
module: 'empty',
net: 'empty'
},
output: {
filename: __DEV__ ? '[name].js' : '[name]-[hash].js',
chunkFilename: __DEV__ ? '[name].js' : '[name]-[chunkhash].js',
path: path.join(__dirname, '/public/js/')
},
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: [__DEV__ && 'react-hot-loader', 'babel-loader'].filter(Boolean)
}
]
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify(__DEV__ ? 'development' : 'production')
},
__DEVTOOLS__: !__DEV__
}),
// Use browser version of visionmedia-debug
new webpack.NormalModuleReplacementPlugin(
/debug\/node/,
'debug/src/browser'
)
],
optimization: {
minimizer: [
new UglifyJsPlugin({
test: /\.js($|\?)/i,
cache: true,
sourceMap: true,
parallel: true
})
]
}
};
if (!__DEV__) {
module.exports.plugins.push(
new ManifestPlugin({ fileName: 'react-manifest.json' }),
new ChunkManifestPlugin({
filename: 'chunk-manifest.json',
manifestVariable: 'webpackManifest'
})
);
} else {
module.exports.plugins.push(
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
// this will output a .html file in output.path
new Visualizer({ filename: 'webpack-bundle-stats.html' })
);
}