emails-renderer/webpack.config.js

132 lines
4.7 KiB
JavaScript
Raw Normal View History

2016-08-28 18:55:56 +05:30
/* eslint-env node */
2016-08-30 12:32:00 +05:30
const path = require('path');
2016-08-28 18:55:56 +05:30
2019-05-10 04:23:28 +05:30
const { ContextReplacementPlugin } = require('webpack');
2016-08-30 12:32:00 +05:30
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
2016-08-28 18:55:56 +05:30
2019-05-10 04:23:28 +05:30
const SUPPORTED_LANGUAGES = Object.keys(require('./src/i18n/index.json'));
module.exports = (env, { mode = 'development' }) => {
const isProduction = mode === 'production';
2016-08-28 18:55:56 +05:30
return {
devtool: isProduction ? false : 'source-map',
2016-08-28 18:55:56 +05:30
entry: {
app: path.join(__dirname, 'src'),
},
2016-08-28 18:55:56 +05:30
output: {
path: path.join(__dirname, 'dist'),
publicPath: '/',
filename: isProduction ? '[name].js' : '[name].js?[hash]',
libraryTarget: isProduction ? 'commonjs2' : undefined,
},
2016-08-30 12:32:00 +05:30
resolve: {
modules: [
path.join(__dirname, 'src'),
path.join(__dirname, 'node_modules'),
],
extensions: ['.tsx', '.ts', '.js'],
},
2016-08-28 18:55:56 +05:30
resolveLoader: {
alias: {
2019-05-10 04:23:28 +05:30
'image-size-loader': path.join(__dirname, 'node_modules/@lesechos/image-size-loader/index.js'),
2016-08-28 18:55:56 +05:30
},
},
devServer: {
host: 'localhost',
port: 8080,
hot: true,
inline: true,
historyApiFallback: true,
},
plugins: [
new ContextReplacementPlugin(/i18n/, new RegExp(`/(${SUPPORTED_LANGUAGES.join('|')})\\.json`)),
new ContextReplacementPlugin(/locale-data/, new RegExp(`/(${SUPPORTED_LANGUAGES.join('|')})\\.js`)),
new HtmlWebpackPlugin({
template: 'src/index.ejs',
favicon: 'src/favicon.ico',
filename: 'index.html',
inject: false,
}),
new BundleAnalyzerPlugin({
openAnalyzer: false,
generateStatsFile: true,
analyzerMode: isProduction ? 'static' : 'server',
}),
],
module: {
rules: [
{
test: /\.[jt]sx?$/,
exclude: /node_modules/,
use: [
{
loader: 'babel-loader',
options: {
presets: [
['@babel/preset-env', {
targets: isProduction ? {
node: '8',
} : {
browsers: [
'last 1 chrome version',
'last 1 firefox version',
],
},
}],
['@babel/preset-react', {
development: !isProduction,
}],
['@babel/preset-typescript', {
jsx: true,
}],
],
plugins: [
'@babel/plugin-proposal-class-properties',
'@babel/plugin-proposal-export-default-from',
'@babel/plugin-syntax-dynamic-import',
],
},
},
{
loader: 'ifdef-loader',
options: {
PRODUCTION: isProduction,
},
},
],
},
{
test: /\.(png|gif|jpg|svg)$/,
loader: 'file-loader',
query: {
name: 'assets/[name]-[folder].[ext]?[hash]',
},
},
2019-05-10 04:23:28 +05:30
// The explicit declaration of the json loader allows us to disable the built-in
// webpack 4 loader for json, which interferes with the work of text2png-loader
{
test: /\.json$/,
exclude: /\.intl\.json$/,
loader: 'json-loader',
type: 'javascript/auto',
},
{
test: /\.intl\.json$/,
loader: 'intl-json-loader',
type: 'javascript/auto',
},
2019-05-10 04:23:28 +05:30
],
},
};
2016-08-28 18:55:56 +05:30
};