diff --git a/packages/infrastructure/typescript/config/base.json b/packages/infrastructure/typescript/config/base.json index 5662f2e055..f269225625 100644 --- a/packages/infrastructure/typescript/config/base.json +++ b/packages/infrastructure/typescript/config/base.json @@ -41,7 +41,5 @@ "compilerOptions": { "module": "CommonJS" } - }, - - "include": ["./styles.d.ts"] + } } diff --git a/packages/infrastructure/typescript/package.json b/packages/infrastructure/typescript/package.json index 0659b2637a..6c199845f7 100644 --- a/packages/infrastructure/typescript/package.json +++ b/packages/infrastructure/typescript/package.json @@ -20,6 +20,6 @@ "homepage": "https://github.com/lensapp/lens", "dependencies": { "typescript": "^4.9.3", - "typescript-plugin-css-modules": "^3.4.0" + "typescript-plugin-css-modules": "^5.0.1" } } diff --git a/packages/infrastructure/webpack/src/get-node-config.js b/packages/infrastructure/webpack/src/get-node-config.js index 7daf2d9f1f..c28ac24f2d 100644 --- a/packages/infrastructure/webpack/src/get-node-config.js +++ b/packages/infrastructure/webpack/src/get-node-config.js @@ -30,7 +30,7 @@ module.exports = ({ entrypointFilePath, outputDirectory }) => ({ mode: "write-dts", configOverwrite: { - include: [entrypointFilePath], + include: [entrypointFilePath, './styles.d.ts'], compilerOptions: { declaration: true, diff --git a/packages/infrastructure/webpack/src/get-react-config.js b/packages/infrastructure/webpack/src/get-react-config.js index b8be931329..86804dae0e 100644 --- a/packages/infrastructure/webpack/src/get-react-config.js +++ b/packages/infrastructure/webpack/src/get-react-config.js @@ -50,7 +50,11 @@ module.exports = options: { sourceMap: false, postcssOptions: { - plugins: ["tailwindcss"], + plugins: { + tailwindcss: { + config: {} + } + }, }, }, }, diff --git a/packages/infrastructure/webpack/src/styles.d.ts b/packages/infrastructure/webpack/src/styles.d.ts new file mode 100644 index 0000000000..1584916804 --- /dev/null +++ b/packages/infrastructure/webpack/src/styles.d.ts @@ -0,0 +1,17 @@ +// Support import for custom module extensions +// https://www.typescriptlang.org/docs/handbook/modules.html#wildcard-module-declarations + +declare module "*.module.scss" { + const classes: { [key: string]: string }; + export default classes; +} + +declare module "*.module.css" { + const classes: { [key: string]: string }; + export default classes; +} + +declare module "*.scss" { + const content: string; + export = content; +}