forked from hexlet-basics/hexlet-basics
-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
125 lines (121 loc) · 2.94 KB
/
webpack.config.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
// @ts-check
import path from 'path';
import { fileURLToPath } from 'url';
import webpack from 'webpack';
import { ESBuildMinifyPlugin } from 'esbuild-loader';
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
// import { WebpackManifestPlugin } from 'webpack-manifest-plugin';
const __dirname = path.dirname(fileURLToPath(import.meta.url));
const getPath = (filename, type = 'javascript') => path.resolve(__dirname, `app/${type}/${filename}`);
export default {
entry: {
application: [getPath('application.js'), getPath('application.scss', 'assets/stylesheets')],
welcomePage: getPath('welcome-page.js'),
lessonPage: getPath('lesson-page.js'),
legalDocs: getPath('legal-docs.js'),
likely: getPath('likely.js'),
amp: getPath('amp.css', 'assets/stylesheets'),
},
devtool: false,
externals: {
jquery: 'jQuery',
gon: 'gon',
},
plugins: [
// new WebpackManifestPlugin({
// useEntryKeys: true,
// writeToFileEmit: true,
// }),
new webpack.SourceMapDevToolPlugin({
filename: '[file].map[query]',
exclude: 'vendors',
}),
new MiniCssExtractPlugin({
filename: '[name].css',
}),
],
output: {
filename: '[name].js',
// chunkFilename: '[name].chunk.js',
// sourceMapFilename: '[name].js.map',
path: path.resolve(__dirname, 'app/assets/builds'),
},
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'initial',
},
},
},
minimizer: [
new ESBuildMinifyPlugin({
target: 'es2015',
css: true,
}),
],
},
module: {
rules: [
{
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'postcss-loader',
options: {
postcssOptions: {
plugins: [
['postcss-preset-env', { }],
],
},
},
},
],
},
{
test: /\.s[ac]ss$/i,
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: 'postcss-loader',
options: {
postcssOptions: {
plugins: [
['postcss-preset-env', { }],
],
},
},
},
'resolve-url-loader',
{
loader: 'sass-loader',
options: {
sourceMap: true, // <-- !!IMPORTANT!!
},
},
],
},
{
test: /\.(png|svg|jpg|jpeg|gif)$/i,
type: 'asset/resource',
},
{
test: /\.(woff|woff2|eot|ttf|otf)$/i,
type: 'asset/resource',
},
{
test: /\.jsx?$/,
loader: 'esbuild-loader',
options: {
loader: 'jsx',
target: 'es2015',
},
},
],
},
};