-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
138 lines (114 loc) · 3.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
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
126
127
128
129
130
131
132
133
134
135
136
137
138
var path = require( 'path' );
var webpack = require( 'webpack' );
var merge = require( 'webpack-merge' );
var HtmlWebpackPlugin = require( 'html-webpack-plugin' );
var autoprefixer = require( 'autoprefixer' );
var ExtractTextPlugin = require( 'extract-text-webpack-plugin' );
var CopyWebpackPlugin = require( 'copy-webpack-plugin' );
console.log( 'WEBPACK GO!');
// detemine build env
var TARGET_ENV = process.env.npm_lifecycle_event === 'build' ? 'production' : 'development';
// common webpack config
var commonConfig = {
output: {
path: path.resolve( __dirname, 'dist/' ),
filename: '[hash].js',
},
resolve: {
modulesDirectories: ['node_modules'],
extensions: ['', '.js', '.elm']
},
module: {
noParse: /\.elm$/,
loaders: [
{
test: /\.(eot|ttf|woff|woff2|svg)(\?.*)?$/,
loaders: ['file-loader', 'url-loader']
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: 'src/index.html',
inject: 'body',
filename: 'index.html'
})
],
postcss: [ autoprefixer( { browsers: ['last 2 versions'] } ) ],
}
// additional webpack settings for local env (when invoked by 'npm start')
if ( TARGET_ENV === 'development' ) {
console.log( 'Serving locally...');
module.exports = merge( commonConfig, {
entry: [
'webpack-dev-server/client?http://localhost:8080',
path.join( __dirname, 'src/index.js' )
],
devServer: {
inline: true,
progress: true
},
module: {
loaders: [
{
test: /\.elm$/,
exclude: [/elm-stuff/, /node_modules/],
loader: 'elm-hot!elm-webpack?verbose=true&warn=true'
},
{
test: /\.(css|scss)$/,
loaders: [
'style-loader',
'css-loader',
// 'postcss-loader',
'sass-loader'
]
}
]
}
});
}
// additional webpack settings for prod env (when invoked via 'npm run build')
if ( TARGET_ENV === 'production' ) {
console.log( 'Building for prod...');
module.exports = merge( commonConfig, {
entry: path.join( __dirname, 'src/index.js' ),
module: {
loaders: [
{
test: /\.elm$/,
exclude: [/elm-stuff/, /node_modules/],
loader: 'elm-webpack'
},
{
test: /\.(css|scss)$/,
loader: ExtractTextPlugin.extract( 'style-loader', [
'css-loader',
// 'postcss-loader',
'sass-loader'
])
}
]
},
plugins: [
new CopyWebpackPlugin([
{
from: 'src/img/',
to: 'img/'
},
{
from: 'src/favicon.ico'
},
]),
new webpack.optimize.OccurenceOrderPlugin(),
// extract CSS into a separate file
new ExtractTextPlugin( './[hash].css', { allChunks: true } ),
// minify & mangle JS/CSS
new webpack.optimize.UglifyJsPlugin({
minimize: true,
compressor: { warnings: false }
// mangle: true
})
]
});
}