Add files via upload

Author: vasivas

bin/www.js

@@ -0,0 +1,63 @@
+const fs = require('fs');
+const path = require('path');
+
+const webpack = require('webpack');
+
+const webpackDevMiddleware = require('webpack-dev-middleware');
+const webpackHotMiddleware = require('webpack-hot-middleware');
+const webpackHotServerMiddleware = require('webpack-hot-server-middleware');
+
+const clientConfig = require('../webpack.client.dev.config');
+const serverConfig = require('../webpack.server.dev.config');
+
+const express = require('express');
+
+const logger = require('morgan');
+const favicon = require('serve-favicon');
+
+const app = express();
+
+const compiler = webpack([clientConfig,serverConfig]);
+
+
+let isListen = false;
+
+compiler.hooks.done.tap('WebpackDevMiddleware', () => {
+    if (!isListen) {
+        isListen = true;
+
+        app.listen(3000, ()=>{
+            console.info(`[server started] http://localhost:${3000}/`)
+        });
+    }
+});
+
+
+
+app.use(logger('dev'));
+
+app.use('/assets/', (req, res, next) => {
+    let url = req.originalUrl.replace(/^\/assets\//, '/dest/');
+    res.sendFile(path.join(process.env.PWD, url));
+
+});
+// app.get('/assets/',express.static(path.join(__dirname, 'dest')));
+app.use(webpackDevMiddleware(compiler, {
+    noInfo: true,
+    serverSideRender:true,
+    publicPath:clientConfig.output.publicPath
+}));
+
+
+app.use(webpackHotMiddleware(compiler.compilers[0],{
+    reload:true,
+    autoConnect:false
+}));
+app.use(webpackHotServerMiddleware(compiler, {
+    serverRendererOptions: {
+    }
+}));
+
+
+
+

configs/webpack/webpack.dev.dll.config.js

@@ -0,0 +1,91 @@
+const path = require('path');
+
+const webpack = require('webpack');
+
+const {DllPlugin} = webpack;
+
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+const create = (root)=>({
+    name: 'dll',
+    mode: 'development',
+    target:'web',
+    context:path.join(root,'dest'),
+    entry: {
+        ['root']: [
+            'react',
+            'react-dom',
+            'react-router',
+            // '@7rulnik/react-loadable',
+            'react-router-dom',
+            'redux',
+            'react-redux',
+            'redux-thunk',
+            'redux-form',
+            'prop-types',
+
+        ],
+    },
+    devtool: 'none',
+    output: {
+        publicPath: "/static/",
+        path: path.resolve(root, 'dest'),
+        filename: "[name].dll.js",
+        library:'[name]',
+        libraryTarget: 'umd2',
+        globalObject: "this"
+    },
+    resolve:{
+        alias:{
+        }
+    },
+    externals:{
+    },
+    module:{
+        rules:[
+            {
+                test: /\.js$/,
+                exclude: path.resolve(root, 'node_modules'),
+                include: path.resolve(root, 'src'),
+            },
+            {
+                test: /(\.ts|\.tsx)$/,
+                use: [
+                    {
+                        loader:'awesome-typescript-loader',
+                        options: {
+                            configFileName:path.join(__dirname,'tsconfig.dev.ssr.client.json')
+                        }
+                    }
+                ],
+                include: [path.join(__dirname,'src')],
+                exclude: [/node_modules/, /\*\.spec.(ts|tsx)$/]
+            },
+            {
+                test: /\.css$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    // {loader: 'style-loader', options: {sourceMap: true}},
+                    {loader: 'css-loader', options: {sourceMap: true}},
+                ]
+            },
+            {
+                test: /\.json$/,
+                use: 'json-loader',
+                exclude:[/node_modules/]
+            },
+        ]
+    },
+    devtool: 'cheap-inline-module-source-map',
+    plugins: [
+        new DllPlugin({
+            context: path.join(root,'dest'),
+            name: "[name]",
+            path: path.join(root, 'dest', '[name].dll.manifest.json'),
+        }),
+        new webpack.HotModuleReplacementPlugin()
+    ],
+});
+
+
+module.exports = {create};

configs/webpack/webpack.prod.dll.config.js

@@ -0,0 +1,39 @@
+const path = require('path');
+
+const webpack = require('webpack');
+
+const {DllPlugin} = webpack;
+
+module.exports = {
+    name: 'dll',
+    mode: 'development',
+    context:path.join(__dirname,'dest'),
+    entry: {
+        ['main']: [
+            'react',
+            'react-dom',
+            'react-router',
+            'react-router-dom',
+            'redux',
+            'react-redux',
+            'redux-thunk',
+            'redux-form',
+        ],
+    },
+    devtool: 'none',
+    output: {
+        publicPath: "/",
+        path: path.join(__dirname, 'dest'),
+        filename: "[name].dll.js",
+        library:'[name]',
+        libraryTarget: 'umd2',
+        globalObject: "this"
+    },
+    plugins: [
+        new DllPlugin({
+            context: path.join(__dirname),
+            name: "[name]",
+            path: path.join(__dirname, 'dest', '[name].dll.manifest.json'),
+        })
+    ],
+};

configs/webpack/webpack.utils.js

@@ -0,0 +1,6 @@
+module.exports.externals = map => (context, request, callback) => {
+    if (map.has(request)) {
+        return callback(null, map.get(request));
+    }
+    callback();
+};

dest/loadable.manifest.json

@@ -0,0 +1 @@
+{}