-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
67 lines (66 loc) · 1.68 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
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var path = require('path');
var isProd = process.env.NODE_ENV === 'production';
var cssDev = ['style-loader', 'css-loader'];
var cssProd = ExtractTextPlugin.extract({
fallback: 'style-loader',
loader: ['css-loader', 'sass-loader'],
publicPath: '/dist'
});
var cssConfig = isProd ? cssProd : cssDev;
var bootstrapEntryPoints = require('./webpack.bootstrap.config.js');
var bootstrapConfig = isProd ? bootstrapEntryPoints.prod : bootstrapEntryPoints.dev;
module.exports = {
entry: [bootstrapConfig, './src/index.js'],
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.css$/,
use: cssConfig
},
{
test: /\.pug$/,
use: 'pug-loader'
},
{
test: /\.(jpe?g|png|gif|svg|ttf|eot)$/i,
use: ['file-loader']
},
{
test: /\.(woff2?|svg)$/,
use: 'url-loader?limit=10000'
},
{
test:/bootstrap-sass[\/\\]assets[\/\\]javascripts[\/\\]/,
use: 'imports-loader?jQuery=jquery'
}
]
},
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
hot: true,
port: 8000,
stats: 'errors-only'
},
plugins: [
new HtmlWebpackPlugin({
title: "Your-Title-Here",
hash: true,
template: './src/example.pug'
}),
new ExtractTextPlugin({
filename: 'main.css',
disable: !isProd,
allChunks: true
}),
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin()
]
}