ExpressReactWebpackBoilerplate/webpack.helpers.js at master · Stychen/ExpressReactWebpackBoilerplate · 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

const path = require('path');
const HtmlwebpackPlugin = require('html-webpack-plugin');

const config = require("./server/config.json");
const pkg = require('./package.json');

/**
 * Constants
 */

// Paths
const ROOT_PATH = path.resolve(__dirname);
const PUBLIC_PATH = path.resolve(ROOT_PATH, 'public');
const TEST_PATH = path.resolve(ROOT_PATH, 'test');
const CLIENT_PATH = path.resolve(ROOT_PATH, 'client');
const PAGES_PATH = path.resolve(CLIENT_PATH, 'pages');
exports.ROOT_PATH = ROOT_PATH;
exports.PUBLIC_PATH = PUBLIC_PATH;
exports.TEST_PATH = TEST_PATH;
exports.CLIENT_PATH = CLIENT_PATH;
exports.PAGES_PATH = PAGES_PATH;

// Pages paths
const HOME_PATH = path.resolve(PAGES_PATH, 'home');
const ABOUT_PATH = path.resolve(PAGES_PATH, 'about');
exports.HOME_PATH = HOME_PATH;
exports.ABOUT_PATH = ABOUT_PATH;

const entries = [
    {
        entryName: 'home',
        entryPath: HOME_PATH
    },
    {
        entryName: 'about',
        entryPath: ABOUT_PATH
    }
];
exports.entries = entries;

const webpackDevEntries = [
    'webpack/hot/dev-server',
    'webpack-hot-middleware/client',
    'react-hot-loader'
];


/**
 * Helpers
 */

function createEntryObject(entries) {
    var entryObject = {};

    for (var i = 0; i < entries.length; i++) {
        const curObj = entries[i];
        entryObject[curObj.entryName] = curObj.entryPath;
    }

    return entryObject;
}
exports.createEntryObject = createEntryObject;

function createDevEntryObjects(entries) {
    var entryObject = {};

    for (var i = 0; i < entries.length; i++) {
        const curObj = entries[i];
        entryObject[curObj.entryName] = webpackDevEntries.concat([curObj.entryPath]);
    }

    return entryObject;
}
exports.createDevEntryObjects = createDevEntryObjects;

function createProdEntryObjects(entries) {
    var entryObject = createEntryObject(entries);
    entryObject["vendor"] = Object.keys(pkg.dependencies);
    return entryObject;
}
exports.createProdEntryObjects = createProdEntryObjects;


const contextScript = "<% if (this.context) { %>  const PAGE_CONTEXT = <%-JSON.stringify(context)%>; <% } %>";

function createHTMLWebpackPluginObjects(entries) {
    var htmlWebpackPlugins = [];

    for (var i = 0; i < entries.length; i++) {
        const curObj = entries[i];
        const htmlWebpackObject = new HtmlwebpackPlugin({
            title: config.appName,
            chunks: [curObj.entryName, 'vendor'],
            filename: 'html/' + curObj.entryName + '.ejs',
            inject: true,
            template: '!!ejs!client/template/index.ejs',

            // optional
            contextScript: contextScript // Will contain the page context variables from express server
        });
        htmlWebpackPlugins.push(htmlWebpackObject);
    }

    return htmlWebpackPlugins;
}
exports.createHTMLWebpackPluginObjects = createHTMLWebpackPluginObjects;