use cdn for script and style file

Author: im6

dist/public/main.js

@@ -24,8 +24,8 @@ const AppContainer = ({ url, children, criticalCss }) => (
     year={leftNavText[0]}
     favIconPngUrl={favIconPngUrl}
     favIconSvgUrl={favIconSvgUrl}
-    script={`${publicPath}/${topNavDict[url].asset}.js?${process.env.version}`}
-    style={`${publicPath}/${topNavDict[url].asset}.css?${process.env.version}`}
+    script={`${publicPath}/${topNavDict[url].asset}.js`}
+    style={`${publicPath}/${topNavDict[url].asset}.css`}
     lastBuildDate={process.env.lastBuildDate}
     criticalCss={criticalCss}
     author={author}

dist/public/site.js

@@ -1,9 +1,18 @@
+import { name, author as username, version } from '../package.json';
+
+const repoUrl = `${username}/${name}`;
+const assetDirectory = 'dist/public';
+
 export const port = process.env.PORT || 3000;
 /* istanbul ignore next */
 export const staticFolder =
   process.env.NODE_ENV === 'development' ? 'local' : 'dist';
 export const renderOutputFolder = 'dist/views';
-export const publicPath = '/assets';
+/* istanbul ignore next */
+export const publicPath =
+  process.env.NODE_ENV === 'development'
+    ? '/assets'
+    : `https://cdn.jsdelivr.net/gh/${repoUrl}@v${version}/${assetDirectory}`;
 export const iconCdnUrl = '//dkny.oss-cn-hangzhou.aliyuncs.com/1/icons';
 export const nonLazyImg = 0;
 export const favIconSvgUrl = `${iconCdnUrl}/deno.svg`; // [fav.ico, deno-fav.png]
@@ -13,7 +22,7 @@ export const pageSpeedUrl =
   'https://developers.google.com/speed/pagespeed/insights/?url=www.javascript.fun&tab=desktop';
 export const hideGithubCorner = false;
 export const githubUrl = 'https://github.com';
-export const gitRepo = `${githubUrl}/im6/javascript-fun`;
+export const gitRepo = `${githubUrl}/${repoUrl}`;
 export const defaultIcon = ['github0.png', 'github1.svg', 'github2.svg'][2];
 
 /* istanbul ignore next */
@@ -82,8 +91,8 @@ export const viewModelPath = {
 };
 
 export const criticalCssPath = {
-  git: 'dist/public/main.css',
-  site: 'dist/public/site.css',
+  git: `${assetDirectory}/main.css`,
+  site: `${assetDirectory}/site.css`,
 };
 
 // crawler config

src/components/AppContainer/index.jsx

@@ -101,7 +101,6 @@ const server = Object.assign(serverBaseConfig, devBase, {
   plugins: [
     new CleanWebpackPlugin(),
     new webpack.DefinePlugin({
-      'process.env.version': JSON.stringify(Date.now().toString()),
       'process.env.lastBuildDate': JSON.stringify(
         `${new Date().toLocaleString()} EST`
       ),

src/config.js

@@ -4,7 +4,6 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const autoprefixer = require('autoprefixer');
-const { v4: uuidv4 } = require('uuid');
 
 const {
   clientBaseConfig,
@@ -112,7 +111,6 @@ const server = Object.assign(serverBaseConfig, prodBase, {
   plugins: [
     new CleanWebpackPlugin(),
     new webpack.DefinePlugin({
-      'process.env.version': JSON.stringify(uuidv4().substring(0, 8)),
       'process.env.lastBuildDate': JSON.stringify(
         `${new Date().toLocaleString()} EST`
       ),