-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.dev.config.js
101 lines (100 loc) · 3.42 KB
/
webpack.dev.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
const path = require('path');
var webpack = require('webpack');
var babelpolyfill = require("babel-polyfill");
var HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
// 入口文件
entry: {
app: [
'react-hot-loader/patch',
path.join(__dirname, 'src/index.jsx')
],
vendor: ['react', 'react-router-dom', 'redux', 'react-dom', 'react-redux']
},
// 出口文件
output: {
path: path.join(__dirname, './dist'),
filename: '[name].[hash].js'
},
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$/
}, {
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'
}
]
},
devServer: {
port: 9090,
historyApiFallback: true,
// contentBase: './content',
// historyApiFallback:{
// index:'./dist/index.html'
// },
// contentBase: path.join(__dirname, './content'),
host: '0.0.0.0'
},
devtool: 'inline-source-map',
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 webpack.optimize.CommonsChunkPlugin({
name: 'vendor'
})
]
};