-
Notifications
You must be signed in to change notification settings - Fork 1
/
webpack.static.config.js
53 lines (49 loc) · 1.54 KB
/
webpack.static.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
/* eslint-disable */
var chalk = require('chalk')
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var ProgressBarPlugin = require('progress-bar-webpack-plugin');
var values = require('postcss-modules-values');
var HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
template: __dirname + '/app/index.html',
filename: 'index.html',
inject: 'body'
});
var WebpackEnvPlugin = new webpack.DefinePlugin({
__DEV__: JSON.stringify('ghpages'),
});
module.exports = {
entry: [
'./app/index.js'
],
output: {
path: __dirname + '/static',
filename: 'index_bundle.js',
publicPath: './'
},
module: {
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
{ test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', '!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader') },
{ test: /\.png$/, loader: "url-loader?limit=100000" },
{ test: /\.jpg$/, loader: "file-loader" }
]
},
resolve:{
modulesDirectories: ['app', 'node_modules'],
},
postcss: [
values
],
plugins: [
HtmlWebpackPluginConfig,
WebpackEnvPlugin,
new ProgressBarPlugin({
format: `building... [${chalk.green(':bar')}] ${chalk.magenta.bold(':percent')} (${chalk.yellow.bold(':elapsed seconds')})`,
clear: true
}),
new ExtractTextPlugin('style.css', { allChunks: true }),
new webpack.optimize.OccurenceOrderPlugin(),
]
};