-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwebpack.config.js
More file actions
101 lines (96 loc) · 2.29 KB
/
webpack.config.js
File metadata and controls
101 lines (96 loc) · 2.29 KB
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
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const AutoDllPlugin = require('autodll-webpack-plugin')
let webpackConfig = {
devtool: 'cheap-module-eval-source-map',
entry:{
index:'./src/index.js'
},
devServer: {
historyApiFallback: true,
inline: true,
port: 8086,
hot:true,
compress: true,
watchContentBase: false,
stats: {
chunkModules: false,
modules: false,
error: true,
errorDetails: true,
publicPath: true
},
proxy: {
'/api': {
target: 'http://localhost:3000',
pathRewrite: {
'^/api': '/api'
},
changeOrigin: true
},
}
},
output:{
path:path.resolve(__dirname,'./dist'),
publicPath:'dist/',
filename: '[name].js'
},
resolve:{
extensions: ['.js', '.jsx'],
alias:{
'page':path.resolve(__dirname,'./src/page')
}
},
module:{
rules:[{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel-loader',
options:{
presets: ['react', 'stage-0']
}
},{
test:/\.css|less$/,
use:[
{
loader: 'style-loader'
},
{
loader: 'css-loader'
},
{
loader: 'postcss-loader'
},{
loader:'less-loader',
options: { javascriptEnabled: true }
}
]
},{
test: /\.(png|jpg|jpeg|gif|woff|woff2|eot|ttf|svg)$/i,
loader: 'url-loader?name=[hash:8].[ext]&limit=10000',
}]
},
plugins:[
new webpack.HotModuleReplacementPlugin()
]
}
if (process.env.NODE_ENV === 'production') {
module.exports.devtool = false;
module.exports.output.publicPath = '/dist';
module.exports.plugins = (module.exports.plugins || []).concat([
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
},
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
}),
new webpack.optimize.OccurenceOrderPlugin()
])
}
module.exports = webpackConfig;