-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
48 lines (47 loc) · 1.08 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
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
// generated inside dist/ by default
filename: 'bundle.js',
},
module: {
rules: [
{
// load images imported in js & copy them to dist/images
test: /\.png|\.jpg$/,
use: [
{
loader: 'file-loader',
options: {
outputPath: 'images',
},
},
],
},
{
// inject style in index.html, translate it to js, then compile it to css
test: /\.scss$/,
use: [
'style-loader',
'css-loader',
'sass-loader',
],
},
],
},
resolve: {
// use aliases instead of relative import paths in js
alias: {
modules: path.resolve(__dirname, 'src/modules'),
assets: path.resolve(__dirname, 'src/assets'),
},
},
plugins: [
// inject style & js link into template index.html
new HtmlWebpackPlugin({
template: './src/views/index.html',
}),
],
};