fix: update so certain PL assets are prefetched vs preloaded

sghoweri · sghoweri · commit 904ae8745670 · 2019-01-30T08:14:58.000-05:00
diff --git a/packages/uikit-workshop/src/html/index.html b/packages/uikit-workshop/src/html/index.html
@@ -10,8 +10,8 @@
     <meta name="theme-color" content="#ababab" />
     <link rel="stylesheet" href="styleguide/css/pattern-lab.css" media="all" />
 
-    <link rel="preload" as="image" href="/images/bolt-logo--dark.svg">
-    <link rel="preload" as="image" href="/images/bolt-logo--light.svg">
+    <link rel="prefetch" as="image" href="/images/bolt-logo--dark.svg">
+    <link rel="prefetch" as="image" href="/images/bolt-logo--light.svg">
   </head>
 
   <body class="pl-c-body">
diff --git a/packages/uikit-workshop/src/scripts/patternlab-viewer.js b/packages/uikit-workshop/src/scripts/patternlab-viewer.js
@@ -14,19 +14,19 @@ import './components/pl-tools-menu/pl-tools-menu';
 import(
   /* webpackChunkName: "pl-viewport-sizes" */
   /* webpackMode: "lazy" */
-  /* webpackPreload: true */
+  /* webpackPrefetch: true */
   './components/pl-viewport-size-list/pl-viewport-size-list');
 
 import(
   /* webpackChunkName: "pl-search" */
   /* webpackMode: "lazy" */
-  /* webpackPreload: true */
+  /* webpackPrefetch: true */
   './components/pl-search/pl-search');
 
 import(
   /* webpackChunkName: "pl-modal-viewer" */
   /* webpackMode: "lazy" */
-  /* webpackPreload: true */
+  /* webpackPrefetch: true */
   './components/modal-viewer');
 
 
diff --git a/packages/uikit-workshop/webpack.config.js b/packages/uikit-workshop/webpack.config.js
@@ -249,6 +249,10 @@ module.exports = async function() {
           staticDir: path.resolve(process.cwd(), `${config.buildDir}/`),
           // Required - Routes to render.
           routes: [ '/'],
+          postProcess(context) {
+            context.html = context.html.replace(/<script\s[^>]*charset=\"utf-8\"[^>]*><\/script>/gi, ''); 
+            return context;
+          }
         }),
         // clear out the buildDir on every fresh Webpack build
         new CleanWebpackPlugin(
@@ -270,7 +274,6 @@ module.exports = async function() {
           template: 'src/html/index.html',
           inject: false,
         }),
-        new PreloadWebpackPlugin(),
         new MiniCssExtractPlugin({
           filename: `[name].css`,
           chunkFilename: `[id].css`,
