-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.prod.config.js
113 lines (106 loc) · 2.81 KB
/
webpack.prod.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
'use strict';
const path = require('path');
const webpack = require('webpack');
const extractTextPlugin = require('extract-text-webpack-plugin');
const offlinePlugin = require('offline-plugin');
const copyWebpackPlugin = require('copy-webpack-plugin');
const htmlWebpackPlugin = require('html-webpack-plugin');
const setting = require('./settings.config.js');
module.exports = {
devtool: 'source-map',
entry: [
require.resolve('./polyfills'),
'./build/web/index'
],
resolve: {
extensions: ['', '.js', '.jsx'],
modulesDirectories: ['node_modules', 'web']
},
output: {
path: setting.appPath,
filename: 'js/main-[hash].js',
publicPath: setting.publicPath
},
plugins: [
new copyWebpackPlugin([
{ from: 'static' }
]),
new extractTextPlugin('css/main-[hash].css'),
new offlinePlugin({
relativePaths: false,
updateStrategy: 'all',
version: '[hash]',
preferOnline: true,
safeToUseOptionalCaches: true,
caches: {
main: ['/', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css', ':rest:']
},
externals: [
'/',
'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'
],
ServiceWorker: {
navigateFallbackURL: '/',
events: true
},
AppCache: {
FALLBACK: { '/': '/' }
}
}),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin({
minimize: true,
compress: {
warnings: false
}
}),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
new htmlWebpackPlugin({
template: '!!raw!'+ path.join(setting.templatePath, 'index.ejs'),
inject: 'body',
filename: 'index.ejs',
minify: { // Minifying it while it is parsed
removeComments: true,
collapseWhitespace: true,
removeRedundantAttributes: true,
useShortDoctype: true,
removeEmptyAttributes: true,
removeStyleLinkTypeAttributes: true,
keepClosingSlash: true
}
})
],
module: {
loaders: [
{
test: /\.js?$/,
exclude: /(node_modules|bower_components)/,
loaders: ['babel-loader']
},
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loaders: ['babel-loader']
},
{
test: /\.scss/,
loader: extractTextPlugin.extract("style", "css!sass")
},
{
test: /\.png$/,
loader: 'file'
},
{
test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
loader: 'file'
},
{ test: /\.css$/, loader: extractTextPlugin.extract('style', 'css') },
{ test: /\.png$/, loader: "url-loader?limit=100000" },
{ test: /\.jpg$/, loader: "file-loader" }
]
}
};