d86f758125
* ci: test docs-publish * Specify to use prod * Babel should transpile with env set by webpack * chore: production defaults to true; set in --env.production by cli * Remove lingering merge issue * Add minimification plugins * Need relative URLs to find root assets * Default public url to forward slash in define plugin * Don't wrap w/ react-hot-loader if we're building for production * No need to log extensions * Minimize using terser; and minimize css * Import redux from es; this bypasses commonjs as import and fixes our "production build" warning * Split commone webpack build for now to test hotfix * postfix slash * undefined safe env access * Try to fix node_env prod issue w/ redux * Set NODE_ENV production for all prod builds * Syntax error * nix tests * Increase max amount of available memory * Don't run bundle analyzer by default
75 lines
2.4 KiB
JavaScript
75 lines
2.4 KiB
JavaScript
/**
|
|
* Notice that we're not extracting CSS or generating a service-worker. This
|
|
* may create a slightly inconsistent experience, but should allow for faster/
|
|
* easier development.
|
|
*
|
|
* We do still need to generate the "index.html" and copy over files from
|
|
* "public/" so our `webpack-dev-server` can _serve_ them for us :+1:
|
|
*/
|
|
const path = require('path');
|
|
const merge = require('webpack-merge');
|
|
const webpack = require('webpack');
|
|
const webpackCommon = require('./../../../.webpack/webpack.common.js');
|
|
// Plugins
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
// Const
|
|
const SRC_DIR = path.join(__dirname, '../src');
|
|
const DIST_DIR = path.join(__dirname, '../dist');
|
|
const PUBLIC_DIR = path.join(__dirname, '../public');
|
|
const ASSET_PATH = process.env.ASSET_PATH || '/';
|
|
// Env Vars
|
|
const HTML_TEMPLATE = process.env.HTML_TEMPLATE || 'index.html';
|
|
const PUBLIC_URL = process.env.PUBLIC_URL || '/';
|
|
const APP_CONFIG = process.env.APP_CONFIG || 'config/default.js';
|
|
|
|
module.exports = (env, argv) => {
|
|
const commonConfig = webpackCommon(env, argv, { SRC_DIR, DIST_DIR });
|
|
|
|
return merge(commonConfig, {
|
|
// https://webpack.js.org/configuration/mode/#mode-development
|
|
mode: 'development',
|
|
output: {
|
|
path: DIST_DIR, // push to common?
|
|
publicPath: ASSET_PATH,
|
|
// filename: '[name].bundle.js',
|
|
},
|
|
plugins: [
|
|
new webpack.HotModuleReplacementPlugin(),
|
|
// Copy "Public" Folder to Dist
|
|
new CopyWebpackPlugin([
|
|
{
|
|
from: PUBLIC_DIR,
|
|
to: DIST_DIR,
|
|
toType: 'dir',
|
|
// Ignore our HtmlWebpackPlugin template file
|
|
// Ignore our configuration files
|
|
ignore: ['config/*', 'html-templates/*', '.DS_Store'],
|
|
},
|
|
// Copy over and rename our target app config file
|
|
{
|
|
from: `${PUBLIC_DIR}/${APP_CONFIG}`,
|
|
to: `${DIST_DIR}/app-config.js`,
|
|
},
|
|
]),
|
|
// Generate "index.html" w/ correct includes/imports
|
|
new HtmlWebpackPlugin({
|
|
template: `${PUBLIC_DIR}/html-templates/${HTML_TEMPLATE}`,
|
|
filename: 'index.html',
|
|
templateParameters: {
|
|
PUBLIC_URL: PUBLIC_URL,
|
|
},
|
|
}),
|
|
],
|
|
// https://webpack.js.org/configuration/dev-server/
|
|
devServer: {
|
|
hot: true,
|
|
open: true,
|
|
port: 3000,
|
|
historyApiFallback: {
|
|
disableDotRule: true,
|
|
},
|
|
},
|
|
});
|
|
};
|