video-player-exercise/webpack.config.js at master · filonitta/video-player-exercise · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const CSSLoader = {
	loader: 'css-loader',
	options: {
		modules: false,
		sourceMap: true,
	}
};

module.exports = {
	devtool: 'cheap-eval-source-map',
	entry: ['babel-polyfill', './src/App.jsx'],
	output: {
		path: path.resolve(__dirname, './'),
		publicPath: '/',
		filename: 'bundle.js'
	},
	devServer: {
		port: 8080,
		historyApiFallback: true,
		contentBase: 'src',
		hot: true,
		https: false,
	},
	mode: 'development',
	resolve: {
		extensions: ['.js', '.jsx'],
		alias: {
			'@base': __dirname,
			'@': path.resolve(__dirname, 'src/'),
			'@redux': path.resolve(__dirname, 'src/redux/'),
			'@shared': path.resolve(__dirname, 'src/components/shared'),
			'@env': path.resolve(__dirname, 'src/env/env.development.js'),
		}
	},
	module: {
		rules: [
			{
				test: /\.(js|jsx)$/,
				exclude: /(node_modules)/,
				loader: 'babel-loader',
				options: {
					babelrcRoots: ['.', '../'],
				}
			},
			{
				enforce: 'pre',
				test: /\.(js|jsx)$/,
				exclude: /node_modules/,
				use: ['eslint-loader']
			},
			{
				test: /\.js?$/,
				exclude: /node_modules/,
				use: ['babel-loader']
			},
			{
				test: /\.css$/,
				use: ['style-loader', CSSLoader],
			},
			{
				test: /\.scss$/,
				exclude: /\.module\.scss$/,
				use: [
					'style-loader',
					CSSLoader,
					'sass-loader'
				]
			},
			{
				test: /\.svg$/,
				loader: 'svg-url-loader'
			},
			{
				test: /\.png$/,
				use: [{
					loader: 'url-loader',
					options: {
						limit: 8000,
						name: 'images/[hash]-[name].[ext]'
					},
				}]
			}
		]
	},
	performance: {
		hints: false
	},
	plugins: [
		new HtmlWebpackPlugin({
			template: path.resolve('./src/index.html')
		})
	]
}