-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.babel.js
70 lines (63 loc) · 1.85 KB
/
webpack.config.babel.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
import webpack, { ProvidePlugin } from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import path from 'path';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
const HTMLWebpackPluginConfig = new HtmlWebpackPlugin({
template: `${__dirname}/src/index.html`,
filename: 'index.html',
inject: 'body',
});
const DefinePluginConfig = new webpack.DefinePlugin({
'process.env.BASE_URL': JSON.stringify('http://fake-hotel-api.herokuapp.com'),
});
const ExtractTextPluginConfig = new ExtractTextPlugin({
filename: 'bundle.css', allChunks: true
});
const plugins = [
HTMLWebpackPluginConfig,
DefinePluginConfig,
ExtractTextPluginConfig,
];
const loaders = [
{
test: /.js?$/,
loader: 'babel-loader',
include: [path.resolve('src')],
exclude: [/node_modules/],
},
{
test: /\.s?css$/,
loaders: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader!sass-loader',
}),
},
{ test: /\.html$/, loader: 'html-loader' },
{ test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff' },
{ test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file-loader' },
{ test: /\.(jpe?g|png|gif|svg)$/i, loader: 'file-loader' },
];
const webpackConfig = {
entry: './src/index.js',
output: { path: `${__dirname}`, filename: 'build.js' },
cache: true,
devtool: 'source-map',
devServer: {
clientLogLevel: 'info',
historyApiFallback: true,
inline: true,
},
watch: true,
resolve: {
extensions: ['.js'],
modules: [
path.resolve('./src'),
path.resolve('./node_modules'),
],
},
module: {
rules: loaders,
},
plugins,
};
export default webpackConfig;