/
webpack.config.js
83 lines (79 loc) · 1.96 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
const webpack = require('webpack');
const path = require('path');
module.exports = {
mode: 'none',
// entry: "./src/App.jsx",
entry: {
app: ["./src/App.jsx"],
vendor: ["react", "react-dom", "whatwg-fetch", "react-router", "react-bootstrap", "react-router-bootstrap"]
},
output: {
path: path.resolve(__dirname, "static"),
filename: "app.bundle.js"
},
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendor',
chunks: 'all'
}
}
}
},
module: {
rules: [{
test: /\.jsx$/,
loader: "babel-loader",
options: {
presets: ["react", "es2015"]
}
},
{
test: /\.css$/,
loader:'style-loader!css-loader!'
}
]
},
devServer: {
port: 8000,
contentBase: 'static',
proxy: {
'/api/*': {
target: 'http://localhost:3000'
}
},
historyApiFallback: true,
},
devtool: "source-map"
};
// module.exports = {
// entry: {
// app: './src/App.jsx',
// vendor:['react', 'react-dom', 'whatwg-fetch', 'babel-polyfill'],
// },
// output: {
// path: path.join(__dirname, './static'),
// filename: "[name].bundle.js"
// },
// plugins: [
// new webpack.optimize.CommonsChunkPlugin({
// names: ["app",'vendor'],
// minChunks: Infinity
// })
// ],
// module: {
// rules:[
// {
// test:/\.jsx$/,
// use: {
// loader: 'babel-loader',
// query: {
// presets: ['react','es2015']
// }
// }
// },
// ]
// },
// };