-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
107 lines (106 loc) · 3.7 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin")
module.exports = {
devtool: 'cheap-module-source-map',
entry: {
app: [
path.join(__dirname, 'src/index.jsx')
],
vendor: ['react', 'react-router-dom', 'redux', 'react-dom', 'react-redux']
},
output: {
path: path.join(__dirname, './dist'),
filename: '[name].[chunkhash].js',
chunkFilename: '[name].[chunkhash].js',
publicPath : '/'
},
module: {
rules: [
// {
// test: /\.js$/,
// use: ['babel-loader?cacheDirectory=true'],
// exclude: /(node_modules)/
// }, {
// test: /\.jsx?$/,
// exclude: /(node_modules|bower_components)/,
// loader: 'babel-loader',
// query: {
// presets: ['react', 'es2015']
// }
// }
{
test: /\.(js|jsx)$/,//一个匹配loaders所处理的文件的拓展名的正则表达式,这里用来匹配js和jsx文件(必须)
exclude: /node_modules/,//屏蔽不需要处理的文件(文件夹)(可选)
loader: 'babel-loader'
},{
test: /\.css$/,
exclude: /\.useable\.css$/,
loader: "style-loader!css-loader"
}, {
test: /\.useable\.css$/,
exclude: /node_modules/,
loader: "style-loader/useable!css-loader"
}, {
test: /\.less?$/,
// loaders: [
// 'style-loader',
// 'css-loader',
// 'less-loader?{"sourceMap":false}'
// ],
exclude: /\.useable\.less$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: ["css-loader", "less-loader?{'sourceMap':false}"]
})
}, {
test: /\.useable\.less$/,
exclude: /node_modules/,
loader: "style-loader/useable!css-loader!less-loader"
}, {
test: /\.(png|jpg|gif|JPG|GIF|PNG|BMP|bmp|JPEG|jpeg)$/,
exclude:/node_modules/,
use: [{
loader: 'url-loader',
options: {
limit: 8192,
outputPath: 'images/'
}
}]
}, {
test: /\.(eot|woff|ttf|woff2|svg)$/,
use: 'url-loader'
}
]
},
resolve: {
extensions: ['.js', '.jsx', '.less', '.scss', '.css'], //后缀名自动补全
alias: {
router: path.join(__dirname, 'src/router'),
views: path.join(__dirname, 'src/views')
}
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
template: path.join(__dirname, 'src/index.html')
}),
new ExtractTextPlugin({
filename: '[name].[contenthash:5].css',
allChunks: true
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'vendor'
}),
new UglifyJSPlugin(),
new CleanWebpackPlugin(['dist']),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
})
]
};