-
-
Notifications
You must be signed in to change notification settings - Fork 6
/
webpack.config.dev.js
88 lines (86 loc) · 2.54 KB
/
webpack.config.dev.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
const BrowserSyncPlugin = require('browser-sync-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const listJson = require('./src/js/data/list.json')
const links = {
absoluteURL: 'http://localhost:3000',
github: 'https://github.com/zehfernandes/worldcup2018-posters',
mailto:
'mailto:ozehfernandes@gmail.com?subject=I want a world cup posters ☝️&body=(send an email if you are interested in buying and soon I will answer you with price and print options.)'
}
module.exports = {
mode: 'development',
entry: {
canvas: './src/js/canvas.js'
},
output: {
path: __dirname + '/dist',
filename: 'js/[name].bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
},
{ test: /\.hbs$/, loader: 'handlebars-loader' }
]
},
plugins: [
new BrowserSyncPlugin({
host: 'localhost',
port: 3000,
server: { baseDir: ['dist'] },
files: ['./dist/*']
}),
new HtmlWebpackPlugin({
links: links,
filename: 'single.html',
template: 'src/single.hbs',
minify: {
minifyCSS: true,
collapseWhitespace: true
},
chunks: ['canvas']
}),
new HtmlWebpackPlugin({
links: links,
data: listJson,
filename: 'index.html',
template: 'src/index.hbs',
inject: false,
minify: {
minifyCSS: true,
collapseWhitespace: true
}
}),
new CopyWebpackPlugin([
{
from: __dirname + '/src/css/tachyons.min.css',
to: __dirname + '/dist/css/tachyons.min.css',
toType: 'file'
}
]),
new CopyWebpackPlugin([
{
from: __dirname + '/src/fonts/',
to: __dirname + '/dist/fonts/',
toType: 'dir'
}
]),
new CopyWebpackPlugin([
{
from: __dirname + '/src/images/',
to: __dirname + '/dist/images/'
}
])
],
watch: true,
devtool: 'source-map'
}