webpack.dist.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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/**
* Created by cephe on 2017/7/8.
*/
const eslintFormatter = require("react-dev-utils/eslintFormatter");
const webpack = require("webpack");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const paths = require("./paths");
module.exports= {
entry: {
"common":["moment","pako","g2"],
"react":["react","react-dom"],
"antd":["antd"],
"index.web": [
paths.devPath + paths.sourcePath + "index.web.js"
],
"login.web": [
paths.devPath + paths.sourcePath + "login.web.js"
]
},
output: {
path:paths.distPath,
filename:"./js/[name].js",
publicPath:"/"
},
resolve: {
extensions: ['.js', '.jsx','.css','.less'],
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: [
{
loader: require.resolve("babel-loader"),
options: {
plugins: [
],
cacheDirectory: true,
presets: ['react', 'es2015','stage-1']
}
}
]
},
{
test: /\.(woff|woff2|eot|ttf|svg)$/,
use: [
{
loader: require.resolve("url-loader"),
options: {
limit: 10240,
name: paths.fontPath + "[name].[ext]"
}
}
]
},
{
test: /\.css$/,
use: [
{
loader: require.resolve("style-loader")
},
{
loader: require.resolve("css-loader"),
options: {
importLoaders: 1
}
}
]
},
{
test: /\.less$/,
use: ExtractTextPlugin.extract({
use: [
{
loader: require.resolve("css-loader")
},
{
loader: require.resolve("less-loader"),
options: {
lessOptions:{
modifyVars: {},
javascriptEnabled: true
}
}
}
],
fallback: 'style-loader'
})
}
]
},
plugins:[
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
}),
new webpack.optimize.UglifyJsPlugin(),
new ExtractTextPlugin({
filename: './asset/css/[name].css',
allChunks: true
}),
new webpack.optimize.CommonsChunkPlugin({
name: ["antd","react","common",'manifest'],
minChunks:Infinity
}),
new webpack.HashedModuleIdsPlugin()
]
};