Merge pull request #340 from TAMULib/sprint20-339-extract-css

Extracting css
TAMULib · Aug 31, 2021 · e038db7 · e038db7
2 parents feb45fc + a44fb7a
commit e038db7
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 4 deletions.
diff --git a/.wvr-ud/config.json b/.wvr-ud/config.json
@@ -11,6 +11,7 @@
     "dist/bundle/tl-components.js"
   ],
   "additionalAssets": [
-    "src/assets/**/*"
+    "src/assets/**/*",
+    "dist/bundle/styles.css"
   ]
 }
diff --git a/angular.json b/angular.json
@@ -55,9 +55,17 @@
                 }
               ],
               "buildOptimizer": true,
-              "optimization": true,
+              "optimization": {
+                "scripts": true,
+                "fonts": {
+                  "inline": true
+                },
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                }
+              },
               "sourceMap": false,
-              "extractCss": false,
               "extractLicenses": true,
               "namedChunks": false,
               "commonChunk": false,

diff --git a/scripts/build-tl-components.js b/scripts/build-tl-components.js
@@ -19,7 +19,6 @@ cp.fork(__dirname + '/build-tl-config-template.js');
 
   const files = [
     `${componentsPath}/polyfills-${esv}.js`,
-    `${componentsPath}/styles-${esv}.js`,
     `${componentsPath}/main-${esv}.js`
   ];
 
@@ -31,6 +30,7 @@ cp.fork(__dirname + '/build-tl-config-template.js');
 
   fs.copy(`${componentsPath}/assets`, `${usagePath}/assets`);
   fs.copy(`${componentsPath}/assets`, `${bundlePath}/assets`);
+  fs.copy(`${componentsPath}/styles.css`, `${bundlePath}/styles.css`);
 
   fs.copy('projects/tl-elements/src/lib/shared/styles', `${elementsPath}/styles`);
   fs.copy('scripts', `${elementsPath}/scripts`);

diff --git a/src/index-docs.html b/src/index-docs.html
@@ -26,6 +26,7 @@
       border-bottom: 1px solid grey;
     }
   </style>
+  <link rel="stylesheet" type="text/css" href="/tamu-library-components/docs/usage/assets/styles.css">
 </head>
 
 <body>

diff --git a/src/index-reports.html b/src/index-reports.html
@@ -26,6 +26,7 @@
       border-bottom: 1px solid grey;
     }
   </style>
+  <link rel="stylesheet" type="text/css" href="/tamu-library-components/docs/usage/assets/styles.css">
 </head>
 
 <body>

diff --git a/src/index-static.html b/src/index-static.html
@@ -26,6 +26,7 @@
       border-bottom: 1px solid grey;
     }
   </style>
+  <link rel="stylesheet" type="text/css" href="/tamu-library-components/docs/usage/assets/styles.css">
 </head>
 
 <body>

diff --git a/src/index.html b/src/index.html
@@ -33,6 +33,7 @@
       border-bottom: 1px solid grey;
     }
   </style>
+  <link rel="stylesheet" type="text/css" href="styles.css">
 </head>
 
 <body class="wvr-components-loading">