cnap-cobre/synapse

View on GitHub
frontend/webpack.config.js

Summary

Maintainability
A
0 mins
Test Coverage
const path = require('path');
const HtmlWebPackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const BundleTracker = require('webpack-bundle-tracker');
const TerserPlugin = require('terser-webpack-plugin');
const routes = [path.resolve(__dirname, './src/routes.json')];
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const env = process.env;
 
module.exports = {
entry: {
app: [
'./polyfills.js',
'./src/index.js'
],
},
output: {
path: __dirname + '/dist',
publicPath: '/static/'
},
module: {
rules: [
{
test: /\.json$/,
exclude: routes,
loader: 'json-loader',
},
{
test: /\.json$/,
type: "javascript/auto",
include: routes,
loader: 'redux-json-router/lib/route-loader',
options: {
chunks: true
}
},
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: [
{
loader: "babel-loader",
options: {
cacheDirectory: true,
plugins: ['react-hot-loader/babel'],
}
}
],
},
{
test: /\.html$/,
use: [
{
loader: "html-loader",
options: { minimize: true }
}
]
},
{
test: /\.scss$/,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader"
]
},
{
test: /\.css$/,
use: [MiniCssExtractPlugin.loader, "css-loader"]
},
{
test: /\.inline\.svg$/,
loader: 'babel-loader!svg-react-loader'
},
{
test: /\.jpe?g$|\.gif$|\.png$|^(?!.*\.inline\.svg$).*\.svg$/,
loader: 'url-loader'
}
]
},
plugins: [
// new HtmlWebPackPlugin({
// template: "./src/index.html",
// filename: "./index.html"
// }),
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
}),
new BundleTracker({
path: __dirname,
filename: "./stats/stats.json"
}),
new BundleAnalyzerPlugin({
analyzerMode: (
(env.ENV === 'dev' || env.ENV === 'stage')
? "server" : "disabled"
),
analyzerHost: '0.0.0.0',
analyzerPort: 8888
}),
],
optimization: {
minimizer: [
new TerserPlugin({
terserOptions: {
mangle: true,
compress: true
}
})
]
}
};