frontEndProject/webpack.config.js at master · rlcocin/frontEndProject · 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
90
91
92
93
94
95
96
97
const webpack = require('webpack');
const path = require('path')
const MiniCssExtractPlugin = require("mini-css-extract-plugin")
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CleanWebpackPlugin = require('clean-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')


module.exports = () => {
    var config = {};

    config.entry = {
        library: './client/app/library.js',
        app: './client/app/index.js'
    };

    config.output = {
        path: path.resolve(__dirname, './client/public'),
        publicPath: '/',
        filename: '[name].[hash].js'
    };

    config.devtool = 'cheap-eval-source-map';

    config.module = {
        rules: [
            {
                test: /\.js$/,
                use: 'babel-loader',
                exclude: /node_modules/
            },

            {
                test: /\.(scss|css)$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    {
                        loader: "css-loader",
                        options: {
                            minimize: {
                                safe: true
                            }
                        }
                    },
                    {
                        loader: "postcss-loader",
                        options: {
                            autoprefixer: {
                                browsers: ["last 2 versions"]
                            },
                            plugins: () => [
                                require('autoprefixer')
                            ]
                        },
                    },
                    {
                        loader: "sass-loader",
                        options: {}
                    }
                ]
            },

            {
                test: /\.(png|jpg|gif|svg|)$/,
                loader: 'url-loader',
                options: {
                    limit: 10000
                }
            }

        ]
    };

    config.plugins = [
        new MiniCssExtractPlugin({
            filename: "[name].[hash].css",
            chunkFilename: "[id].css"
        }),

        new HtmlWebpackPlugin({
            template: path.join(__dirname, 'client/app', 'index.html'),
        }),

		new CopyWebpackPlugin([{
            from: './client/app/features',
            to: './',
            ignore: [ '*.js', '*.scss' ]
        }]),

        new CleanWebpackPlugin(['./client/public']),


    ]

    return config;

}