Skip to content

Commit eaef60d

Browse files
feat: extend conditionNames
This allows consumers to set their own considitionNames and have sass pick this up. Examples: Supporting a single entrypoint but targeting multiple themes ```scss @use 'my-design-tokens'; .class { color: my-design-tokens.$color-1 } ``` package.json ```json { "name": "my-design-tokens", "exports": { ".": { "sass": { "theme1": "./path-to-theme1.scss", "theme2": "./path-to-theme2.scss" } } } } ``` Webpack config ``` module.exports = { resolve: { conditionNames: [someFlag ? "theme1" : "theme2", "..."] } } ```
1 parent 3a34fef commit eaef60d

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/utils.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -530,7 +530,7 @@ function getWebpackResolver(
530530
const webpackModuleResolve = promiseResolve(
531531
resolverFactory({
532532
dependencyType: "sass",
533-
conditionNames: ["sass", "style"],
533+
conditionNames: ["sass", "style", "..."],
534534
mainFields: ["sass", "style", "main", "..."],
535535
mainFiles: ["_index", "index", "..."],
536536
extensions: [".sass", ".scss", ".css"],
@@ -541,7 +541,7 @@ function getWebpackResolver(
541541
const webpackImportResolve = promiseResolve(
542542
resolverFactory({
543543
dependencyType: "sass",
544-
conditionNames: ["sass", "style"],
544+
conditionNames: ["sass", "style", "..."],
545545
mainFields: ["sass", "style", "main", "..."],
546546
mainFiles: ["_index.import", "_index", "index.import", "index", "..."],
547547
extensions: [".sass", ".scss", ".css"],

0 commit comments

Comments
 (0)