ec4e2ef1a6
* ci: test docs-publish * Require unit tests for dry run * ci: Make sure our docs publish is executable * Try to correct path issue * Try repo prefix * Try as yarn command * Need a workspace to attach to from previous step * Add before we call our bash script * See if we can enforce commands being available -- or just install locally? * Try again * Try SSH * Include username in gh https url * Note regarding failure on PR branches * Remove docs publish from PR workflow * chore: ability to specify an alternative html-template at build time * chore: add command to build demo PWA website output * chore: remove unused CI code * Testing GCP capabilities * syntax * Naming * naming * chore: WebPack output progress that we care about * chore: Only publish the app config we care about * PWA should publish source map * Unused index.html file * chore: Remove unused copy-webpack-plugin ignore * Don't generate source map until we resolve memory issue * ci: attempt to publish with GCP bucket deploy * Update dev config to use new template loccations and env vars
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,
|
|
},
|
|
},
|
|
});
|
|
};
|