Back to SCSS

Author: kylekarpack

globals.d.ts

@@ -0,0 +1 @@
+declare module "*.scss";

package-lock.json

@@ -24,6 +24,7 @@
   "devDependencies": {
     "@parcel/optimizer-swc": "^2.8.0",
     "@parcel/packager-ts": "^2.8.0",
+    "@parcel/transformer-inline-string": "^2.8.0",
     "@parcel/transformer-sass": "^2.8.0",
     "@parcel/transformer-typescript-types": "^2.8.0",
     "@storybook/addon-actions": "^6.5.13",

package.json

@@ -1,5 +1,6 @@
 import React, { FunctionComponent, useEffect, useState } from "react";
 import { Loader } from "./Loader";
+import "./container.scss";
 
 const GithubContributions: FunctionComponent<{ username: string }> = ({
   username,

src/GithubContributions.tsx

@@ -1,7 +1,4 @@
 import GithubContributions from "./GithubContributions";
 
-import cssText from "bundle-text:./container.scss";
-console.log(cssText);
-
 export { GithubContributions };
 export default GithubContributions;

src/index.ts

@@ -1,5 +1,5 @@
 {
-  "include": ["src", "index.ts"],
+  "include": ["src", "index.ts", "globals.d.ts"],
   "compilerOptions": {
     "isolatedModules": true,
     "jsx": "react",