reproduction

amk221 · Jan 24, 2024 · 47a91f2 · 47a91f2
1 parent e99f6e1
commit 47a91f2
Show file tree

Hide file tree

Showing 9 changed files with 4,741 additions and 2,147 deletions.
diff --git a/app/app.css b/app/app.css
@@ -0,0 +1,7 @@
+@font-face {
+  font-family: InterVariable;
+  src: url("./assets/fonts/InterVariable.woff2") format("woff2");
+  font-weight: 1 999;
+  font-style: normal;
+  font-display: swap;
+}
diff --git a/app/app.js b/app/app.js
@@ -2,6 +2,8 @@ import Application from '@ember/application';
 import Resolver from 'ember-resolver';
 import loadInitializers from 'ember-load-initializers';
 import config from 'example/config/environment';
+import 'example/app.css';
+import 'example/assets/fonts/InterVariable.woff2';
 
 export default class App extends Application {
   modulePrefix = config.modulePrefix;

diff --git a/app/assets/fonts/InterVariable.woff2 b/app/assets/fonts/InterVariable.woff2
diff --git a/app/index.html b/app/index.html
@@ -1,15 +1,23 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>Example</title>
-    <meta name="description" content="">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     {{content-for "head"}}
 
-    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
-    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/example.css">
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css" />
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/example.css" />
+
+    <link
+      rel="preload"
+      href="{{rootURL}}assets/InterVariable.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
 
     {{content-for "head-footer"}}
   </head>

diff --git a/app/styles/app.css b/app/styles/app.css
@@ -1 +1 @@
-/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
+/* see app/app.css */
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -1,7 +1 @@
-{{page-title "Example"}}
-
-{{! The following component displays Ember's default welcome message. }}
-<WelcomePage />
-{{! Feel free to remove this! }}
-
-{{outlet}}
+<h1 style="font-family: InterVariable">Hello World</h1>
diff --git a/ember-cli-build.js b/ember-cli-build.js
@@ -7,5 +7,30 @@ module.exports = function (defaults) {
     // Add options here
   });
 
-  return app.toTree();
+  const { Webpack } = require('@embroider/webpack');
+  return require('@embroider/compat').compatBuild(app, Webpack, {
+    staticAddonTestSupportTrees: true,
+    staticAddonTrees: true,
+    // staticHelpers: true,
+    // staticModifiers: true,
+    // staticComponents: true,
+    staticEmberSource: true,
+    packagerOptions: {
+      // Toggle this to show xyz is NOT used on the woff2 link tag in index.html
+      // publicAssetURL: 'xyz/',
+      webpackConfig: {
+        module: {
+          rules: [
+            {
+              test: /\.woff2$/i,
+              type: 'asset/resource',
+              generator: {
+                filename: '[path][name]-[hash][ext][query]',
+              },
+            },
+          ],
+        },
+      },
+    },
+  });
 };