chore(system): updates build configuration for gh-pages release

Author: chunksnbits

config/webpack.config.build.js

@@ -169,6 +169,7 @@ module.exports = {
       inject: true,
       template: paths.appHtml,
       excludeChunks: ['webcomponent'],
+      filename: 'index.html',
       chunksSortMode: (chunk, other) => {
         const chunkOrder = ['polyfill', 'main'];
 
@@ -187,28 +188,6 @@ module.exports = {
         minifyURLs: true,
       },
     }),
-    new HtmlWebpackPlugin({
-      inject: true,
-      template: paths.webcomponentHtml,
-      excludeChunks: ['main'],
-      chunksSortMode: (chunk, other) => {
-        const chunkOrder = ['polyfill', 'webcomponent'];
-
-        return chunkOrder.indexOf(chunk.names[0]) - chunkOrder.indexOf(other.names[0]);
-      },
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeRedundantAttributes: true,
-        useShortDoctype: true,
-        removeEmptyAttributes: true,
-        removeStyleLinkTypeAttributes: true,
-        keepClosingSlash: true,
-        minifyJS: true,
-        minifyCSS: true,
-        minifyURLs: true,
-      },
-    }),
     new webpack.DefinePlugin(env.stringified),
     !isDebugMode() && new UglifyJsPlugin({
       uglifyOptions: {

config/webpack.config.release.js

@@ -1,6 +1,8 @@
 'use strict';
 
 // ----------------------------------------------------------------------------- Dependencies
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
 const buildConfig = require('./webpack.config.build');
 const paths = require('./paths');
 
@@ -23,5 +25,33 @@ module.exports = Object.assign({}, buildConfig, {
   entry: {
     polyfills: require.resolve('./polyfills'),
     webcomponent: paths.webcomponentIndexJs,
-  }
+  },
+
+  plugins: buildConfig.plugins
+    .filter(plugin => !(plugin instanceof HtmlWebpackPlugin))
+    .concat([
+      new HtmlWebpackPlugin({
+        inject: true,
+        template: paths.webcomponentHtml,
+        excludeChunks: ['main'],
+        filename: 'index.html',
+        chunksSortMode: (chunk, other) => {
+          const chunkOrder = ['polyfill', 'webcomponent'];
+
+          return chunkOrder.indexOf(chunk.names[0]) - chunkOrder.indexOf(other.names[0]);
+        },
+        minify: {
+          removeComments: true,
+          collapseWhitespace: true,
+          removeRedundantAttributes: true,
+          useShortDoctype: true,
+          removeEmptyAttributes: true,
+          removeStyleLinkTypeAttributes: true,
+          keepClosingSlash: true,
+          minifyJS: true,
+          minifyCSS: true,
+          minifyURLs: true,
+        },
+      })
+    ])
 });

package.json

@@ -15,8 +15,8 @@
     "serve": "serve -l 3001 -s dist",
     "prerelease": "yarn lint && node scripts/test.js --env=jsdom && yarn build:release && yarn compile",
     "release": "standard-version",
-    "predeploy": "rimraf dist && node scripts/build.js --dest=dist && yarn react-snap",
-    "deploy": "gh-pages -d dist",
+    "predeploy": "rimraf build && node scripts/build.js && yarn react-snap",
+    "deploy": "gh-pages -d build",
     "commitlint": "commitlint -e $GIT_PARAMS",
     "lint": "tslint -p tsconfig.json --fix"
   },
@@ -167,7 +167,7 @@
     "extends": "react-app"
   },
   "reactSnap": {
-    "source": "dist"
+    "source": "build"
   },
   "husky": {
     "hooks": {