Differential D9091 Diff 27460 web/cashtab-components/webpack.config.js

Changeset View

Standalone View

				const path = require('path');
				const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
				.BundleAnalyzerPlugin;

				const env = process.env.NODE_ENV;

				const config = {
				entry: {
				main: ['./src/index.ts'],
				},
				plugins: [],
				externals: {
				'react': {
				commonjs2: 'react',
				commonjs: 'react',
				amd: 'react',
				},
				'react-dom': {
				commonjs2: 'react-dom',
				commonjs: 'react-dom',
				amd: 'react-dom',
				},
				'styled-components': {
				commonjs2: 'styled-components',
				commonjs: 'styled-components',
				amd: 'styled-components',
				},
				},
				module: {
				rules: [
				{
				test: /\.tsx?$/,
				use: 'ts-loader',
				exclude: [/node_modules/, '/*/stories./'],
				},

				{
				test: /\.(png\|gif\|jpg\|svg)$/,
				use: {
				loader: 'url-loader',
				options: {
				limit: 50000,
				},
				},
				},
				],
				},
				resolve: {
				extensions: [
				'.tsx',
				'.ts',
				'.js',
				'.json',
				'.png',
				'.gif',
				'.jpg',
				'.svg',
				],
				},
				output: {
				path: path.resolve(__dirname, 'dist/'),
				publicPath: '',
				filename: 'index.js',
				library: '',
				libraryTarget: 'commonjs',
				},
				optimization: {
				minimize: true,
				},
				};

				if (env === 'analyse') {
				config.plugins.push(new BundleAnalyzerPlugin());
				}
				if (env === 'production') {
				config.mode = 'production';
				}

				module.exports = config;