This repository has been archived by the owner on Sep 3, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
webpack.config.js
111 lines (98 loc) · 3.06 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
'use strict';
// Modules
var webpack = require('webpack');
var path = require('path');
var autoprefixer = require('autoprefixer');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var lodash = require('lodash');
module.exports = function (grunt) {
var appConfigPath = path.join(process.cwd(), 'config.js');
const baseConfig = lodash.defaultsDeep(require(appConfigPath)(grunt));
var config = {};
config.entry = {
app: './app/index.js'
};
config.output = {
path: __dirname + '/dist',
publicPath: '/',
filename: '[name].[hash].js',
chunkFilename: '[name].[hash].js'
};
config.devtool = 'source-map';
config.resolve = {
root: [
__dirname,
path.join(__dirname, '/app')
],
extensions: ['', '.js', '.html']
},
config.module = {
preLoaders: [],
loaders: [
{
test: /\.js$/,
loader: 'babel',
exclude: /node_modules/
},
{
test: /\.scss$/,
loader: 'style!css!sass'
},
{
test: /\.css/,
loader: 'style!css'
},
{
test: /\.(png|gif|jpeg|jpg|woff|woff2|eot|ttf|svg)(\?.*$|$)/,
loader: 'file?name=[hash].[ext]&publicPath=' + baseConfig.path + '/'
},
{
test: /\.html$/,
loader: 'html'
}
]
};
config.postcss = [
autoprefixer({
browsers: ['last 2 version']
})
];
config.plugins = [
new webpack.ProvidePlugin({
'$': 'jquery',
'window.$': 'jquery',
'jQuery': 'jquery',
'window.jQuery': 'jquery'
}),
new webpack.DefinePlugin({
__BASE_CONFIG__: JSON.stringify(baseConfig)
})
];
config.plugins.push(
new HtmlWebpackPlugin({
template: 'app/index.html',
inject: 'body'
}),
new ExtractTextPlugin('[name].[hash].css')
);
config.plugins.push(
new webpack.NoErrorsPlugin(),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.UglifyJsPlugin({
sourceMap: true,
mangle: false,
compress: {warnings: false}
})
);
config.devServer = {
contentBase: './app',
stats: 'minimal',
headers: {
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
}
};
return config;
}();