forked from Tab-nabbers/Tab-Nabbers2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebpack.config.js
63 lines (47 loc) · 1.64 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
const webpack = require('webpack');
const path = require("path");
module.exports = {
// This is the entry point or start of our react applicaton
entry:[
"eventsource-polyfill",
"webpack-hot-middleware/client?reload=true",
"./front/index.js"
],
target:'web',
devServer: {
contentBase: path.resolve(__dirname, 'front')
},
// The plain compiled JavaScript will be output into this file
output: {
path: path.join(__dirname, 'front'),
filename:'bundle.js',
publicPath: "/public/"
},
// This section desribes the transformations we will perform
module: {
loaders: [
{
// Only working with files that in in a .js or .jsx extension
test: /\.jsx?$/,
// Webpack will only process files in our app folder. This avoids processing
// node modules and server files unnecessarily
include: path.join(__dirname, 'front'),
loader:['react-hot-loader', 'babel-loader']
},
{
test: /\.scss$/,
// loaders:'style-loader!css-loader!sass-loader'
loader:['style-loader', 'css-loader', 'sass-loader']
}
]
},
plugins: [
new webpack.optimize.UglifyJsPlugin({
// do something
}),
new webpack.HotModuleReplacementPlugin()
],
// This lets us qe our react code in chrome dev tools. Errors will have lines and file names
// Without this the console says all errors are coming from just coming from bundle.js
devtool: "eval-source-map"
};