Hapi.admin/webpack.config.js at master · EchoHub/Hapi.admin · 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
const webpack = require("webpack");
const path = require("path");
const HtmlWebpackPlugin = require('html-webpack-plugin'); // 按需生成html模版
const CleanWebpackPlugin = require("clean-webpack-plugin"); // 清理文件
const MiniCssExtractPlugin = require("mini-css-extract-plugin"); // 样式抽取
module.exports = {
    // mode: "production",
    mode: "development",
    entry: {
        index: path.resolve(__dirname, "assets/index.js"),
        login: path.resolve(__dirname, "assets/login.js"),
    },
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "hapidog.[name].bundle.[hash].js",
        // publicPath: "/dist"
    },
    resolve: {
        extensions: [".js", ".jsx", ".js"],
        modules: ["./components", "./assets", "./pages", "./libs","node_modules"],
        alias: {
            // components: path.resolve(__dirname, "components/"),
            // assets: path.resolve(__dirname, "assets/")
        }
    },
    devServer: {
        port: 9000,
        openPage: "login.html",
        contentBase: "./dist"
    },
    module: {
        rules: [
            {
                test: /\.jsx|js$/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: [
                            "env", "react", "es2015", "stage-0"
                        ]
                    }
                },
                exclude: /node_modules/
            },
            {
                test: /\.css$/,
                loader: MiniCssExtractPlugin.loader,
            },
            {
                test: /\.(s?)css$/,
                use: [{
                    loader: "style-loader"
                }, {
                    loader: "css-loader"
                }, {
                    loader: "sass-loader"
                }]
            },
            // {
            //     test: /\.(png|svg|jpg|gif|ico)$/,
            //     use: "file-loader" //加载图片， 混合到css中
            // },
            {
                test: /\.(woff|woff2|eot|ttf|otf)$/,
                use: ["file-loader"] // 加载字体
                // , "url-loader"
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                use: "url-loader?limit=8192&name=./static/[name].[hash:8].[ext]"
            }
        ]
    },
    optimization: {
        minimize: true
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: __dirname + "/pages/index.html",
            filename: "index.html",
            title: "index",
            chunks:['index']
        }),
        new HtmlWebpackPlugin({
            template: __dirname + "/pages/login.html",
            filename: "login.html",
            title: "login",
            chunks: ["login"]
        }),
        new CleanWebpackPlugin('dist/**/*.*', {
            root: __dirname,
            verbose: true,
            dry: false
        })
    ]
}