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
|
/* jshint node:true */
const path = require("path");
const webpack = require("webpack");
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const DESTINATION_DIR = '.';
const fileLoader = {
loader: 'file-loader',
options: {
name: '[path][name]-[sha1:hash:hex:8].[ext]',
outputPath: 'assets/'
}
};
const config = {
entry: ['./scss/index.scss', './ts/index.ts'],
output: {
filename: 'js/bundle.js',
path: path.resolve(__dirname, DESTINATION_DIR),
publicPath: DESTINATION_DIR,
},
optimization: {
splitChunks: {
minSize: 10,
cacheGroups: {
styles: {
name: 'styles',
test: /\.css$/,
chunks: 'all',
enforce: true
}
}
},
},
performance: {
maxEntrypointSize: 1024 * 1000 * 1000 * 3,
maxAssetSize: 1024 * 1000 * 1000 * 3,
},
node: {
fs: 'empty'
},
module: {
rules: [{
test: /\.ts$/,
loader: 'ts-loader',
exclude: /node_modules/,
},
{
test: /\.hbs$/,
loader: 'handlebars-loader',
exclude: /node_modules/,
options: {
helperDirs: [
path.resolve(__dirname, 'template', 'helpers')
],
partialDirs: [
path.resolve(__dirname, 'template', 'partials')
]
}
},
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
'css-loader?importLoaders=1',
],
},
{
test: /\.(sass|scss)$/,
use: [
MiniCssExtractPlugin.loader, {
loader: 'css-loader',
options: {
url: false
}
},
'sass-loader'
]
},
{
test: /.*\.(svg|png|jpg|gif|mp3|wav)$/,
use: [fileLoader]
},
{
test: /.*\.(js)$/,
resourceQuery: /path/,
use: [fileLoader]
}
]
},
resolve: {
extensions: [".ts", ".js", ".hbs"],
alias: {}
},
externals: {
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
new MiniCssExtractPlugin({
filename: 'css/bundle.css',
}),
new webpack.LoaderOptionsPlugin({
options: {
handlebarsLoader: {}
}
}),
// new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, new RegExp(MOMENTJS_LOCALES.join('|'))),
// new BundleAnalyzerPlugin(),
]
};
module.exports = (env, argv) => {
if (typeof argv.mode === 'string') {
config.mode = argv.mode;
}
return config;
};
|
