-
Notifications
You must be signed in to change notification settings - Fork 3
/
webpack.common.js
90 lines (86 loc) · 2.19 KB
/
webpack.common.js
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
// Cria o arquivo HTML para servir ao bundle
const HtmlWebpackPlugin = require('html-webpack-plugin');
// Remove todos os comentarios do bundle e previne a criacao do arquivo licence.txt
const TerserPlugin = require('terser-webpack-plugin');
// Plugin para otimizar imagens
const ImageMinimizerPlugin = require('image-minimizer-webpack-plugin');
const path = require('path');
module.exports = {
entry: './src/index.js',
optimization: {
minimizer: [
new TerserPlugin({
extractComments: false,
terserOptions: {
format: {
comments: false,
},
},
}),
],
},
plugins: [
new HtmlWebpackPlugin({
template: './src/template.html',
}),
],
module: {
rules: [
{
test: /\.js$/,
use: 'babel-loader',
},
{
test: /\.html$/,
use: {
loader: 'html-loader',
},
},
{
test: /\.(jpe?g|png|svg|gif)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[hash].[ext]',
outputPath: 'images',
},
},
{
loader: ImageMinimizerPlugin.loader,
options: {
severityError: 'warning', // Ignora erros para imagens corrompidas
minimizer: {
implementation: ImageMinimizerPlugin.imageminMinify,
options: {
plugins: ['imagemin-mozjpeg', 'imagemin-pngquant'],
},
},
},
},
],
},
{
test: /\.(woff(2)?|ttf)(\?v=\d+\.\d+\.\d+)?$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'fonts/',
},
},
],
},
],
},
resolve: {
alias: {
'@Components': path.resolve(__dirname, 'src/components/'),
'@Images': path.resolve(__dirname, 'src/assets/images/'),
'@Fonts': path.resolve(__dirname, 'src/assets/fonts/'),
'@Styles': path.resolve(__dirname, 'src/assets/styles'),
'@Utils': path.resolve(__dirname, 'src/utils/'),
},
},
};