webpackStarter/webpack.config.js at master · jacketwpbb/webpackStarter · GitHub

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
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const webpack=require('webpack');
const url = require('url')

const publicPath = '';

module.exports = function(){
    var env={}
    env.dev=process.env.NODE_ENV !== 'production'
    console.log("开发状态---",env.dev)
    return {
        entry: {
            vendor: './src/vendor.js',
            index: './src/index.js'
        },
        output: {
            filename: env.dev?'[name].js':'[name].[chunkhash].js',
            path: path.resolve(__dirname, 'dist'),
            publicPath: env.dev ? '/' : publicPath
        }, plugins: env.dev ?[
            new webpack.optimize.CommonsChunkPlugin({
                names: ['vendor', 'manifest']
            }),
            new HtmlWebpackPlugin({
                template: 'src/index.html'
            }),
            new webpack.HotModuleReplacementPlugin()
        ]:[
            new CleanWebpackPlugin(['dist']),
            new webpack.optimize.CommonsChunkPlugin({
                names: ['vendor', 'manifest']
            }),
            new HtmlWebpackPlugin({
                template: 'src/index.html'
            })
        ],
        //不要用于生产环境
        devtool: env.dev ? '#eval-source-map' : '#source-map',
        devServer:{

            historyApiFallback: {
                index: url.parse(env.dev ? '/' : publicPath).pathname
            }
        },
        module: {
            rules: [
                {
                    test: /\.css$/,
                    use: [
                        'style-loader',
                        'css-loader',
                        'postcss-loader'
                    ]
                },{
                    test: /\.html$/,
                    use: 'html-loader'
                },{
                    test: /favicon\.png$/,
                    use: [{
                        loader: 'file-loader',
                        options: {
                            name: '[name].[ext]?[hash]'
                        }
                    }]
                }, {
                    test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svg|svgz)$/,
                    use: [
                        {
                            loader: 'url-loader',
                            options: {
                                limit: 8192
                            }
                        }
                    ]
                },{
                    test: /\.js$/,
                    exclude: /(node_modules|bower_components)/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ['env']
                        }
                    }
                }
            ]}
    }
};