cion-web/webpack.config.js at develop · cionkubes/cion-web · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
const path = require("path");
const webpack = require("webpack");
const CircularDependencyPlugin = require("circular-dependency-plugin");
const CleanObsoleteChunks = require("webpack-clean-obsolete-chunks");

const CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
const HtmlWebpackPlugin = require("html-webpack-plugin");

const debug = process.env.NODE_ENV !== "production";


const common_plugins = [
    new HtmlWebpackPlugin({
        title: "cion",
        filename: "../spa-entry.html",
        favicon: "res/favicon.ico",
        minify: {
            html5: true
        },
        cache: true
    }),
    new CleanObsoleteChunks(),
    new webpack.DefinePlugin({
        __VERSION__: JSON.stringify(process.env.npm_package_version),
        "process.env": {
            NODE_ENV: JSON.stringify(process.env.NODE_ENV)
        }
    }),
    new webpack.LoaderOptionsPlugin({
        minimize: !debug,
        debug: debug,
        sourceMap: debug
    }),
    new CircularDependencyPlugin({ failOnError: true }),
    new CommonsChunkPlugin({
        name: "app",
        children: true,
        minChunks: 2,
        async: true
    }),
    new BundleAnalyzerPlugin({
        analyzerMode: "static",
        reportFilename: "../../reports/webpack-stats.html",
        openAnalyzer: false
    })
];

module.exports = {
    context: path.resolve(__dirname, "./src"),
    entry: {
        app: path.join("app.js")
    },
    output: {
        path: path.resolve(__dirname, "./lib/resources"),
        publicPath: "/resources/",
        filename: "[name]-[chunkhash:8].bundle.js"
    },
    resolve: {
        extensions: [
            ".js", ".scss", ".html"
        ],
        modules: [
            path.resolve(__dirname, "./src"),
            "node_modules"
        ]
    },
    module: {
        loaders: [
            {
                test: /\.(svg|ico)$/,
                use: [
                    {
                        loader: "file-loader",
                        options: {
                            name: "[name]-[hash:8].[ext]",
                            outputPath: "assets/"
                        }
                    }
                ]
            }, {
                test: /\.js$/,
                loader: "babel-loader",
                exclude: /node_modules/
            }, {
                test: /((?!\.use).{4}|^.{0,3})\.scss$/,
                loaders: [
                    { loader: "style-loader" },
                    { loader: "css-loader" },
                    { loader: "sass-loader" }
                ]
            }, {
                test: /\.use\.scss$/,
                loaders: [
                    { loader: "style-loader/useable" },
                    { loader: "css-loader" },
                    { loader: "sass-loader" }
                ]
            }]
    },
    devtool: debug ?
        "source-map" : false,
    plugins: debug ?
        common_plugins.concat([]) : common_plugins.concat([
            new UglifyJSPlugin({
                sourceMap: false,
                extractComments: true,
                uglifyOptions: {
                    ie8: false,
                    ecma: 5
                }
            })
        ])
};